微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用JavaScript的AngularJS库编写hello world的方法

本文展示了AngularJS框架实现的hello world代码示例.

如下是一些你在看Hello World 示例和接下来的代码示例时需要重点关注的方面.

  • ng-app,ng-controller,ng-model 指令
  • 带有两个大括弧的模板

步骤 1: 在部分包含Angular Javascript

将下面的代码包含入 中,以引入 Angularjs javascript 文件. 可以用如下写法从 Google 管理的库 获得最新的代码.

rush:js;"> 中的控制器代码引用.

rush:js;">

步骤 4: 将ng-model指令应用到输入元素

可以使用ng-model指令将输入同模型绑定在一起.

rush:js;">

步骤 5: 编写模板代码

下面是展示名称为“name”的模型的模型值的模板代码. 注意名称为“name”的模型被绑定到了步骤四中的输入上.

rush:js;"> Hello {{name}}! How are you doing today?

步骤 6: 在

完整的代码请看Box.runjs.cn/show/1yzcou1y">这里。

原文地址:https://www.jb51.cc/js/53716.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐