总结

以上是小编为你收集整理的angularjs – Angular Bootstrap Ui-select全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

Angular 学习系列 - - angular.bind、angular.bootstrap、angular.copy

高春辉、王春生、朱峰：关于开源创业的 15 件小事

angular.bind

返回一个调用 self 的函数 fn（self 代表 fn 里的 this）. 可以给 fn 提供参数 args（*）. 这个功能也被称为局部操作，以区别功能。

格式：angular.bind(self,fn,args);

self：object  对象； fn 的上下文对象，在 fn 中可以用 this 调用

fn：function； 绑定的方法

args：传入 fn 的参数

使用代码：　

var obj = { name: "Any" };var fn = function (Adj) {
      console.log(this.name + "is a boy!!! And he is " + Adj + " !!!");
 　　};var f = angular.bind(obj, fn, "handsome");
f();//Any is a boy!!! And he is handsome!!!var t = angular.bind(obj, fn);
t("ugly");// Any is a boy!!! And he is ugly!!!

bind 顾名思义绑定的意思，那么假如我们要把 A 绑到 B 上，那么必须又有绑定的东西和被绑定的东西。这里需要的就一个对象和一个函数。那么怎么绑？本兽的理解是把对象 “绑” 到函数的 this 上去执行，这时候 fn 的 this 就等于 obj 了，至于第三个参数，可有可无，看需求，如果函数需要传入参数，那么我们可以把 angular.bind 的第三个参数放上去，这就是传入 fn 函数的参数了。

案例中第一种写法是定义绑定的时候就把 fn 所需的参数传进去了，调用的时候直接用，而案例中第二种写法是先绑定，在调用执行的时候再给 fn 传参，效果是一样的...

angular.bootstrap

使用这个功能来手动启动 angular 应用。基于 ngScenario 的端对端测试不能使用 bootstrap 手动启动，需要使用 ngApp.

Angular 会检测应用在浏览器是否已启动并且只允许第一次的启动，随后的每次启动都将会导致浏览器控制台报错.

这可以防止应用出现多个 Angular 实例尝试在 Dom 上运行的一些奇异结果.

格式：angular.bootstrap(element,[modules]);

element：Dom 元素，angular 应用启动的根节点

modules：数组，angular 的应用程序模块

使用代码：

<div id="ngApp"> <div ng-controller="testCtrl as ctrl"> {{ctrl.value}}     </div>
  </div>

(function () {
      angular.module("Demo", [])
      .controller("testCtrl", testCtrl);      function testCtrl() {          this.value = "Hello World";
      }
      angular.bootstrap(document.getElementById("ngApp"), ["Demo"]);
  }());

一般来说，我们写 ng 程序，都会在页面 Dom 元素上写 ngApp 指令用来启动 Angular 程序，但是也可能出现一些特殊情况需要我们在启动之前干些什么或者需要我们手动启动应用程序，这时候 angular.bootstrap 就派的上用场了。

angular.copy

针对对象或数字创建一个深层的拷贝。

格式：angular.copy(source, [destination]);

source：被拷贝的对象

destination：接收的对象 [注意：参数类型是对象或数组]

使用代码：

var objA, objD = []; //objA:undefined objD:[]var objB = { text: "Hello World" };var objC = {text:"Hai",value:"Test"};
objA = angular.copy(objB); // objA:{ text:"Hello World"} objB:{ text:"Hello World"}angular.copy(objC, objD);// objC:{text: "Hai", value: "Test"} objD:[text: "Hai", value: "Test"]

本兽对 Angular API 逐个的学习并且进行翻译，然后写能运行成功的代码，并把学习过程进行整理记录及分享... 

angularjs – Angular Bootstrap Dropdown在Angular Fullstack中不起作用

<!-- Single button -->
<divuib-dropdown is-open="status.isopen">
  <button id="single-button" type="button"uib-dropdown-toggle ng-disabled="disabled">
    Button dropdown <span></span>
  </button>
  <ulrole="menu" aria-labelledby="single-button">
    <li role="menuitem"><a href="#">Action</a></li>
    <li role="menuitem"><a href="#">Another action</a></li>
    <li role="menuitem"><a href="#">Something else here</a></li>
    <li></li>
    <li role="menuitem"><a href="#">Separated link</a></li>
  </ul>
</div>

"angular-bootstrap": "~0.14.3",

bower install

angularjs – Angular bootstrap typeahead不能使用Angular 1.3.0

angular.module('mainApp',[]);

angular.module('mainApp',['secondaryApp']);

var app = angular.module('mainApp');
app.requires[app.requires.length] = 'secondaryApp';