文档章节

angular.element(element)、controller-this-as

own1991
 own1991
发布于 2017/08/24 10:13
字数 230
阅读 8
收藏 0

angular.element 将原始的DOM元素或HTML字符串包装为jQuery元素。

格式:angular.element(element); 相当于使用jquery的 $()

要引入jquery.js否则要报错,

Looking up elements via selectors is not supported by jqLite! See:

详勘:官网:https://docs.angularjs.org/api/ng/function/angular.element

          例子:http://www.cnblogs.com/ys-ys/p/4918985.html 

                    http://blog.csdn.net/aitangyong/article/details/48131575

<div ng-app="Demo">
    <div ng-controller="testCtrl as ctrl">
        <div id="myDiv">Hello World!!!</div>
    </div>
  </div
 (function () {
    angular.module("Demo", [])
    .controller("testCtrl", testCtrl);
    function testCtrl() {
      var element = angular.element("#myDiv");
      console.log(element)
      //element是个对象
      //第一个属性就是id为myDiv的div对象;
      //第二个属性名为content,值是document;
      //第三个属性名是length,值为1;第四个属性名是selector,值是"#myDiv"
    };
  }());

angularjs控制器中的this,就代表这个控制器, 里面的as应该可以代表控制器在angular中使用

<div ng-app="Demo">
    <div ng-controller="testCtrl as ctrl">
        <div id="myDiv">{{ctrl.geeting}}</div>
    </div>
  </div>


<script type="text/javascript">
 (function () {
    angular.module("Demo", [])
    .controller("testCtrl", testCtrl);
    function testCtrl() {
      var vm = this;
      vm.geeting = "布拉格";
      console.log(this);
      console.log(vm)
    };
  }());

 

© 著作权归作者所有

下一篇: file input
own1991
粉丝 0
博文 61
码字总数 29561
作品 0
黄浦
私信 提问
外部javascript 方法修改 angularjs 中$rootScope和$scope

修改 $rootScope var $body = angular.element(document.body); // 1var $rootScope = $body.scope().$root; // 2$rootScope.$apply(function () { // 3 $rootScope.notesconfigs.outpath = ......

乾坤摄
2015/07/18
3.8K
0
angularjs array改变,但ng-repeat没有刷新

angular菜鸟,在网上下载了一个自定义指令,实现ionic 的slide tab scroll结合,在ion-slide使用ng-repeat指令,在controller实现对数组的操作,但是数组发生改变,ng-repeat却没有更新。对m...

elysium09
2017/03/31
884
0
angularjs 实现 window.onload() $(document).ready()

1,html中直接写 <script src="lib/angular/angular.min.js" type="text/javascript"></script> <script type="text/javascript"> angular.element(window).bind('load', function() { aler......

Jack088
2016/01/10
259
0
angularjs 实现 window.onload() $(document).ready() 的4种方法

习惯了window.onload(),$(document).ready(),现在换成别的了,还真有点不习惯了。下面说一下常用的4种情况。 1,html中直接写 <script src="lib/angular/angular.min.js" type="text/javasc......

引鸩怼孑
2016/12/27
9
0
angular封装modal,一个modal,多次使用

js: app.directive("modal", ["$timeout", function ($timeout) { return { restrict: "AE", templateUrl: "/template/modal.html", scope: { modalData: "=", sureCallback: "&", clearSear......

LorinLuo
2016/11/21
59
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux 运行shell文件,出现 $'\r': command not found

运行编写的shell脚本时,出现了 $'\\r': command not found 这样的错误提示。 报错的原因是我们在windows系统操作时,编辑器里的换行符是\r\n ,而Linux上为\n,两个系统之间有差异导致的。 ...

芥末无敌
今天
7
0
Java数据结构(上)

枚举(Enumeration) 位集合(BitSet) 向量(Vector) 栈(Stack) 1.Enumeration(枚举) boolean hasMoreElements( ):测试是否有更多的元素 Object nextElement( ):如果此枚举对象至少还...

Firefly-
昨天
11
0
vue 跨层组件通讯 provide inject

https://cn.vuejs.org/v2/api/#provide-inject 类型: provide:Object | () => Object inject:Array<string> | { [key: string]: string | Symbol | Object } 详细: provide 和 inject 主......

阿豪boy
昨天
7
0
黑马程序员面试宝典(Java)Beta6.0免费下载

场景 JavaSE基础 面向对象特征以及理解 访问权限修饰符区别 理解clone对象 JavaSE语法 java有没有goto语句 &和&&的区别 如何跳出当前的多重嵌套循环? 是否可以继承String? 重载与重写的区别...

badaoliumang
昨天
9
0
监控linux系统状态

查看系统负载: w/uptime 最后面三个数字表示1分钟,5分钟,15分钟平均有多少个进程占用CPU 占用CPU的进程可以是Running,也可以是Waiting 某一时刻1颗CPU只能有一个进程在使用其资源 #查看c...

asnfuy
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部