本文展示了angularjs框架实现的hello world代码示例.
如下是一些你在看hello world 示例和接下来的代码示例时需要重点关注的方面.
ng-app, ng-controller, ng-model 指令 带有两个大括弧的模板步骤 1: 在部分包含angular javascript
将下面的代码包含入
中,以引入 angularjs javascript 文件. 可以用如下写法从 google 管理的库 获得最新的代码.
步骤 2: 将 ng-app 指令应用到 元素
如下将ng-app指令应用到 元素. 可以选择给app指定名称. 它可以被简单的写作. 这一指令被用来标记angular会识别作为我们应用程序的根元素的html元素. 这给了应用程序开发者告诉angular整个html页面或者只是其中一部分应该作为angular应用程序来对待的自由.
步骤 3: 将 ng-controller 指令应用到 元素
将 ng-controller 指令应用到 元素. controller 指令可以被应用在任何元素上,比如div。在下面的代码中,, “helloctrl” 是控制器的名称,可以被放在元素处中的控制器代码引用.
步骤 4: 将ng-model指令应用到输入元素
可以使用ng-model指令将输入同模型绑定在一起.
步骤 5: 编写模板代码
下面是展示名称为“name”的模型的模型值的模板代码. 注意名称为“name”的模型被绑定到了步骤四中的输入上.
hello {{name}}! how are you doing today?
步骤 6: 在
完整的代码请看这里。
