这两天做了一个页面,结构比较简单,最上方有两个下拉菜单,选择后点击确定,浏览器会通过AJAX获取数据并在下方生成表格。 因为刚接触AngularJS,最近经常性地陷入某些"陷阱"中 = = 这次遇到的一个问题是,当我写成形如以下格式的时候: 可以生成下拉菜单,但无论其中的ng-model="choo ...
分类:
Web程序 时间:
2016-05-29 10:52:42
阅读次数:
211
做法一: angularJs+ckeditor 一、页面 <textarea ckeditor required name="topicContent" ng-model="topic.body" rows="20" class="form-control col-md-8 ecp-post-con ...
分类:
Web程序 时间:
2016-05-27 18:05:55
阅读次数:
477
angular优化方略,闲的没事想重构的人来瞅瞅。 1、减少$watch 减少$watch,减少$watch,减少$watch。不仅仅是$watch监听,还有ng-model,别闲的没事就加个ng-model。页面上不需要修改的东西bindOnce就好了。 2、保留dom 超出的DOM元素会隐藏而不 ...
分类:
Web程序 时间:
2016-05-25 18:18:03
阅读次数:
145
1、ng-app 决定了angularjs的作用域范围,你可以如下使用: 来让angularjs渲染整个页面,也可以使用 来渲染其中的一部分。 2、ng-model ng-model,当你的数据模型被改变的时候,譬如ng-model='test',其中这个test的数值被改变的时候,{{test}} ...
分类:
Web程序 时间:
2016-05-24 19:08:22
阅读次数:
368
我们在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且我们在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。 原因就在于:我们使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原 ...
分类:
其他好文 时间:
2016-05-15 16:45:23
阅读次数:
143
AngularJS 指令模块 ng-app:指令告诉AngularJS,<div>元素是AngularJS应用程序的“所有者” ng-model指令把输入域的值绑定到应用程序变量name. na-bind指令把应用程序name绑定到某个段落的Innerhtml。 ng-init:指令初始化Angul ...
分类:
Web程序 时间:
2016-05-13 14:04:27
阅读次数:
126
双向绑定
AngularJS在$scope变量中使用脏值检测来实现了数据双向绑定。
Scope作用:1.
通过数据共享连接Controller和View
2.
事件的监听和响应 3.
脏值检测和数据绑定
双向数据绑定最经常的应用场景就是表单了,这样当用户在前端页面完成输入后,不用任何操作,我们就已经拿到了用户的数据存放到数据模型中了。因为输入框中的ng-model和控制器中...
分类:
Web程序 时间:
2016-05-12 23:27:26
阅读次数:
178
内置指令 所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令,顺便简单说说作用域的问题。 ng-model 将表单控件和当前作用域的属性进行绑定,这么解释似乎也不太正确。但先不要管咬文嚼字,用起来倒是易懂,例如: 代码如下: < ...
分类:
Web程序 时间:
2016-05-09 20:15:35
阅读次数:
223
1、为什么其他标签可以用ng-bind ,而input标签要用ng-model 这就是所谓的数据双向绑定,input是用于用户输入的,数据要从View传输到Controller中,而{{}}和ng-bind是用于从controller中得到数据然后显示在view中的 2、{{}}和ng-bind的区 ...
分类:
Web程序 时间:
2016-05-05 12:34:12
阅读次数:
206
angularjs里面有一套十分强大的指令系统 比如内置指令:ng-app,ng-model,ng-repeat,ng-init,ng-bind等等 从现在开始我们讲解AngularJS自定义指令 首先我们先看下AngularJS里新定义一个指令的写法: 针对指令的这些参数我们进行分布讲解,课程目录 ...
分类:
Web程序 时间:
2016-04-29 11:45:55
阅读次数:
186