AngularJS
friend_ship
这个作者很懒,什么都没留下…
展开
-
angularjs判断单选框是否选中并实时显示
1、先定义一个空数组 $scope.selected = []; 2、把选中的那条数据push到数组中 $scope.selected.push(Item.Id); 3、ng-checked根据数据索引返回的boolean进行判断是否显示并判断显示哪一条 $scope.isSelected = function(id){ return $scope.selecte原创 2016-09-12 16:29:38 · 6488 阅读 · 0 评论 -
angularjs input checkbox复选框组的实现
如果实现方式是创建功能,请参考:https://mp.csdn.net/postedit/100515989第二种实现方式(如修改功能),代码如下:// html页面代码<body ng-app="app"> <div> <input type="checkbox" name="checkbox" ng-model="all" n...原创 2019-09-03 19:17:47 · 1928 阅读 · 0 评论 -
angularjs input checkbox复选框组的实现
如果实现方式是编辑功能需要根据返回值展示,请参考:https://mp.csdn.net/postedit/100520822第一种实现方式(如创建功能):// html代码<body ng-app="app"> <div> <--全选功能--> <input type="checkbox" name="ch...原创 2019-09-03 14:43:09 · 379 阅读 · 0 评论 -
angularjs中ng-bind-html解析文本
渲染带html结构的字符串,使用ng-bind-html可以实现。ng-bind-html的坑:ng-bind-html指令会在运行时过滤掉一些不安全的标签来防止xxs攻击,提高安全性。所以会导致字符串的某些标签如<button></button>,<input>等不显示。解决方案:1.在angularjs中默认是不相信添加的html内容,ng-...原创 2019-09-03 10:14:13 · 728 阅读 · 0 评论 -
使用AngularJS进行表单验证
<form name="myForm" ng-submit="addForm()" novalidate> <div class="form-group"> <label>名称</label> <input type="text" name="原创 2016-12-01 14:54:19 · 275 阅读 · 0 评论 -
关于$location服务
$location服务是对所有浏览器中都存在的window.location对象的封装。window.location与$location服务的不同: 告别全局变量:全局变量对测试、维护以及使用都很麻烦,$location服务将会屏蔽这种污染;单元测试的时候,可以利用$location服务注入假数据 API:window.location提供的是字符串形式的信息,而$loc...原创 2016-09-08 18:10:30 · 259 阅读 · 0 评论 -
complie和link函数
指令中的compile和link函数的主要不同点在于,compile函数用来对模板自身进行转换,而link函数负责在模型和视图之间进行动态关联。作用域在链接阶段才会被绑定到编译之后的link函数上,然后再通过数据绑定技术,指令就变成了动态的处于性能方面的考虑,这两个阶段是分开处理的。compile函数仅仅在编译阶段运行一次,而link函数会执行很多次——对于指令的每个实例,link函数都会执行...原创 2016-09-08 11:02:35 · 310 阅读 · 0 评论 -
模板替换
替换模板时,如果使用Chrome浏览器,“同源策略”将会组织Chrome从file://中加载模板,并显示一个错误:"Access-Control-Allow-Origin不允许源为null"。有两种方法可以解决这一问题。 从web服务器加载应用 给Chrome设置一个标志。需要从命令行运行Chrome,命令为:chrome --allow-file-access-from...原创 2016-09-08 10:35:59 · 127 阅读 · 0 评论 -
Angularjs与Angular对脏检查机制的理解
“脏检查”是Angular中的核心机制之一,它是实现双向数据绑定、MVVM模式的重要基础。AngularJS常用函数:$apply,$watch及$digest$digest是一个内部函数,正常的应用代码中是不应该直接调用它的。要想主动触发它,就要调用scope.$apply函数,它是触发Angular“脏检查机制”的常用公开接口。$digest循环实际上包括两个while循环。分别是:处...原创 2018-08-16 17:12:48 · 3513 阅读 · 0 评论 -
AngularJS--作用域
作用域(scope)是构成AngularJS应用的核心基础。生命周期:创建、链接、更新、销毁。作用域是视图和控制器间的胶水。基本功能:a、提供观察者以监视数据模型的变化b、将数据模型的变化通知给整个应用,甚至是系统外的组件c、可以进行嵌套,隔离业务功能和数据d、给表达式提供运算时所需的执行环境作用域分为外部作用域,继承作用域和隔离作用域。作用域的继承机制是向下而非向上的。隔离作用域是最难理解的一个...原创 2018-03-28 14:17:42 · 291 阅读 · 0 评论 -
AngularJS--模块
开发大型应用时,我们会创建多个模块来承载业务逻辑。将复杂的功能分割成不同的模块,有助于单独为它们编写测试。在AngularJS中,模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应用可以包含多个模块,每一个模块都包含了定义具体功能的代码。AngularJS允许我们使用angular.module()方法来声明模块,这个方法能接受两个参数,第一个是模块的名称,第二个是依赖列表,也就是可以被...原创 2018-03-28 11:40:48 · 182 阅读 · 0 评论 -
对AngularJS的认识
AngularJS主要用于构建单页面web应用。AngularJS的核心:模块、作用域、控制器、表达式、过滤器、指令、路由、依赖注入、服务等使用AngularJS的优势:使开发变得简单,同时降低了构建复杂应用的难度;提供了一些高级功能:解耦应用逻辑、数据模型和视图;Ajax服务;依赖注入;浏览历史;测试……AngularJS是模块化开发模式。AngularJS使用的是脏检查。脏检查是检查数据模型变...原创 2018-03-28 11:04:19 · 275 阅读 · 0 评论 -
angularjs 解决url跨域问题
当在一个产品中引入另一个页面时,一般会出现url跨域问题。解决方式代码如下:<body ng-app="app"> <div> <iframe ng-src="{{ val | trustAsResourceUrl}}" frameborder="0" width="100%" height="600px"></iframe...原创 2019-09-05 11:12:55 · 703 阅读 · 0 评论