Angular JS如何在幕后工作?

时间:2016-06-24 08:20:37

标签: javascript html angularjs

我开始学习Angular JS。我不明白Angular是如何在内部工作的。例如。我们来考虑w3schools' first example



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
 
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>

</div>
&#13;
&#13;
&#13;

问题:

  1. 如何使用普通javascript创建属性myng-myapp

  2. html语言中的{{}}是什么?这些内容如何转换成文本?如何使用普通javascript创建相同的效果。那就是我不使用angularjs库然后在html文件中插入{{name}}。现在在脚本标签中我定义了var name = "Bob"。现在如何将{{name}}转换为Bob

  3. 编辑:这就是我的问题不是链接的问题的重复:

    1. 我的问题不是询问编译器,控制器,预链接和帖子链接。
    2. 我的问题并没有询问如何申报各种功能?源模板和实例模板有什么区别?执行指令函数的顺序是什么?这些函数调用之间还会发生什么?

    3. 链接的问题并没有解释如何使用普通的javascript创建自定义属性。

    4. 它没有解释html或css中的{{}}是什么。
    5. 如果您认为链接的问题回答了我的任何问题,欢迎您显示该部分,我将很乐意删除我的问题。

      谢谢。

1 个答案:

答案 0 :(得分:1)

您的问题的答案:

  1. 你不能用普通的javascript创建它。以 ng - 开头的每个属性都由Angular解释。它不是HTML,CSS或javascripts标准的一部分。
  2. 答案与1. {{}} 不是HTML标准的一部分。
  3. 将Angular(或任何其他javascript框架,如jQuery)视为HTML,CSS或javascript的附加组件或扩展程序(如Chrome)。