最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS

来源:动视网 责编:小采 时间:2020-11-27 21:29:47
文档

ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS

ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS:本文简单介绍AngularJS框架后,用一个实例演示{{}}插值法和ng-bind指令的使用。 不同于jquery只是一个加强和简化前端开发的类库,angularjs是一个完整web前端框架,所以学习曲线高了很多。 angularjs给我的感觉类似于Java的Spring框架,处于中心容
推荐度:
导读ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS:本文简单介绍AngularJS框架后,用一个实例演示{{}}插值法和ng-bind指令的使用。 不同于jquery只是一个加强和简化前端开发的类库,angularjs是一个完整web前端框架,所以学习曲线高了很多。 angularjs给我的感觉类似于Java的Spring框架,处于中心容


本文简单介绍AngularJS框架后,用一个实例演示{{}}插值法和ng-bind指令的使用。

不同于jquery只是一个加强和简化前端开发的类库,angularjs是一个完整web前端框架,所以学习曲线高了很多。

angularjs给我的感觉类似于Java的Spring框架,处于中心容器位置粘合其他组件,其内置的很多组件已经可以满足一般场景,特殊场景我们可以按照框架思路扩展。

下面从最基础的内容走起:

代码如下:




ng-bind directive



直接输出字符串字面值


Hello {{"World"}}



使用占位符输出变量


Hello {{greeting}}



使用ng-bind指令输出变量


Hello



输出因为”World”是个字面值,程序会直接输出;第二个输出因为greeting是在控制器里定义的一个变量,所以也会输出变量对应的值,一样是World;第三个输出利用了angularjs内置的ng-bind属性指令,最终结果等价于{{}},但注意指令=后面是字符串,不要写错。

js里面的HelloController和body上面的指令对应,入参$scope是框架提供的一个服务,代表当前控制器的上下文,还有其他类似服务,框架会自动注入,以后慢慢了解。方法体只有一行,是在$scope上定义了一个变量,就是html代码里引用的变量。

这一篇很简单,代码复制了就能运行。注意angular.min.js是1.2分支最新的版本,同样的代码用1.3.0版本无法运行,原因未知,可能1.3.0还不是最终Release版本有关。

文档

ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS

ANGULARJS中用NG-BIND指令实现单向绑定的例子_AngularJS:本文简单介绍AngularJS框架后,用一个实例演示{{}}插值法和ng-bind指令的使用。 不同于jquery只是一个加强和简化前端开发的类库,angularjs是一个完整web前端框架,所以学习曲线高了很多。 angularjs给我的感觉类似于Java的Spring框架,处于中心容
推荐度:
标签: 绑定 使用 实现
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top