博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于 angular 小心得
阅读量:4588 次
发布时间:2019-06-09

本文共 963 字,大约阅读时间需要 3 分钟。

心得1:

//控制器里面的代码会晚一些执行

setTimeout(function(){

//获取对象的scope

var ele = document.querySelector('[ng-controller=mycontroller]'); var $scope = angular.element(ele).scope(); $scope.myFunc();},10)

  

控制器里面的代码会延迟执行,所以同一个js文件中,如果要通过DOM元素查找到对应控制器上的scope然后调用方法时,需要将查找的代码延迟执行。

 

心得2:

每当申明一个控制器都需要将$scope注入到控制器中,比如

var app = angular.module("myApp",[]);app.controller("myController",function($scope){  $scope.name = "Mona";})

  

其实,可以将上述代码中的$scope用this代替,即

var app = angular.module("myApp",[]);app.controller("myController",function(){  this.name = "Mona";})

  

 

angular还有链式写法,将上述代码改成下面的写法:

angular.module("myApp",[]).controller("myController",function($scope){$scope.name = "Mona";})

  

 

心得3:

angular中的一些常识

ng-class = "{active:isSelected(1)}"

此时angular可以监听class为active的样式类,当active冒号后面的值为true时active有效,为false时无效

ng-show = "isSeleted(1)"

此时 angular 可以控制绑定有ng-show的DOM元素的显示和隐藏,当ng-show=" a "  中a的值为true时就显示该DOM元素,当a的值为false时隐藏该DOM元素。

 

转载于:https://www.cnblogs.com/MonaSong/p/5088676.html

你可能感兴趣的文章
windows下配置Tomcat7.0.22
查看>>
Perl中命令行参数以及打开管道文件
查看>>
习题 11 提问
查看>>
2018-07-05-Python全栈开发day25-python中的继承
查看>>
MySQL 数据类型(转贴)
查看>>
Maven 常用命令
查看>>
Java注解知识点摘抄
查看>>
决战Leetcode: easy part(1-50)
查看>>
数组中出现次数超过一半的数字
查看>>
图像边缘检测
查看>>
Kill_UiAutomator
查看>>
HDU 2157 How many ways??
查看>>
Floyd最短路径
查看>>
方法重载和重写的区别
查看>>
块状元素和内联元素
查看>>
nav元素
查看>>
内存对齐
查看>>
HTML及资源是如何load的
查看>>
虚拟机apache启动
查看>>
【Linux】Centos下安装ffmpeg
查看>>