Question

我们知道html是客户端脚本，而在html中使用angularjs框架我们包括＆＃34; ng＆＃34;在html标签中。我的问题是浏览器如何识别或识别具有＆＃34; ng＆＃34;。请为我的问题提供正确解决方案的html标签。

Answer 1

以下点帮助我理解“浏览器如何理解angularjs标签”：

AngularJS的HTML编译器允许开发人员向浏览器传授新的HTML语法。编译器允许您将行为附加到任何HTML元素或属性，甚至可以使用自定义行为创建新的HTML元素或属性。 AngularJS调用这些行为扩展指令。

有关HTML编译器如何工作的详细信息，请访问以下链接： https://docs.angularjs.org/guide/compiler

Answer 2

Angular 1需要将angular.js文件包含在index.html中，以便将指令转换为浏览器可理解的形式。

在angular2中使用typesscript，其中类型脚本编译器自动将typescript代码编译或转换为浏览器可理解的javascript / ecmascript，将在屏幕上呈现。

角度js将在浏览器中快速运行，而角度2及以上需要预编译，或者可以说是转换为javascript / ecmascript。此外，如果使用生产构建标志提及翻译，则翻译的javascript / ecmascript将是缩小的。

Answer 3

浏览器没有内置的角度/ ng支持。¹角度库（angular.js脚本）必须包含在页面上，并且它位于魔术发生了。

_{¹虽然谷歌希望改变它。}

Answer 4

Angular旨在向浏览器传授一些新内容，并在此过程中使浏览器比没有角度的浏览器更智能。

当您启动角度应用程序时，angular会快速遍历DOM，查找指令（例如ng-options，ng-if等）。这个DOM横向由$compile服务完成。遍历DOM并识别指令后，angular将它们链接到各自的视图并将它们绑定到那个范围。

这些指令封装了浏览器理解的HTML，并在编译过程后将它们暴露给浏览器。

Answer 5

我们使用ng-app指令将应用程序作为角度应用程序引导。一旦在HTML根元素中有这个指令(ng-app="myApp")，就会识别并编译所有嵌套的ng元素。

例如

   angular.module('myApp', []);//module definition in JS File

   <body ng-app="myApp">
   <div ng-controller="myCntrl">
        <input type="text" ng-model="User"/> //this will be recognized and compiled 
    </div>

我希望这就是你要找的东西。

浏览器如何识别html中的angularjs标签？

5 个答案: