AngularJS for template中存在什么工具?

时间:2015-04-21 22:08:39

标签: angularjs

例如,我在变量JS中有HTML代码:

var template = '<div>%name%</div>';

在模板中的文字上复制%name%有多容易? Angular JS为此提供了哪些工具?

2 个答案:

答案 0 :(得分:1)

您尝试做的是简单的插值 - 角度是开箱即用的双向数据绑定,例如,请采取以下措施:

<html ng-app="ExampleApp">
  <body ng-controller="ExampleController as vm">
    <div>Hello {{vm.name}}</div>
  </body>
</html>

你可以有这样的脚本:

angular.module('ExampleApp', [])

.controller('ExampleController', function(){
  this.name = "World";
})

哪个会打印出来&#34; Hello World&#34;。

这是非常基本的 - 如果你问这个问题,你在尝试创建应用程序之前肯定会阅读更多有关角度的信息。

我会推荐thinkster的课程。

答案 1 :(得分:1)

AngularJS提供了创建HTML模板,数据绑定,循环,过滤器,ajax的可能性,您可以使用指令扩展所需的一切,您可以创建组件以缩小模板,使其更小巧简洁。 Here you can find examples and also some documentation,AngularJS非常受欢迎,因此很容易找到资源。