AngularJS - 第一个应用程序

AngularJS First Application - 从简单和简单的步骤学习AngularJS，从基本到高级概念，包括概述，环境设置，MVC架构，第一应用程序，指令，表达式，控制器，过滤器，表格，HTML DOM，模块，表格，包含， Ajax，视图，范围，服务，依赖注入，自定义指令，内部化，ToDo应用程序，记事本应用程序，Bootstrap应用程序，登录应用程序，上载文件，在线应用程序，导航菜单，切换菜单，订单表格，搜索选项卡，拖动应用程序，购物车应用，翻译应用，图表应用，地图应用，共享应用，天气应用，定时器应用，传单应用，Lastfm应用。

在使用AngularJS创建实际的 Hello World！应用程序之前，让我们看一下AngularJS应用程序的各个部分. AngularJS应用程序包含以下三个重要部分 :

ng-app : 该指令定义AngularJS应用程序并将其链接到HTML.
ng-model : 该指令将AngularJS应用程序数据的值绑定到HTML输入控件.
ng-bind : 该指令将AngularJS应用程序数据绑定到HTML标记.

创建AngularJS应用程序

步骤1 :加载框架

作为纯JavaScript框架，可以使用< Script>添加它.标签.

第2步:使用ng-app指令定义AngularJS应用程序

...

步骤3:使用ng-model指令定义模型名称

Enter your Name:

步骤4:绑定使用ng-bind指令定义的上述模型的值

Hello !

执行AngularJS应用程序

在HTML页面中使用上述三个步骤.

testAngularJS.htm

         AngularJS First Application               Sample Application
                     Enter your Name: 
         Hello !

输出

在Web浏览器中打开文件 testAngularJS.htm .输入你的名字并查看结果.

AngularJS如何与HTML集成

ng-app指令表示AngularJS应用程序的开始.
ng-model指令创建一个名为name的模型变量，该变量可以与HTML页面一起使用，也可以在div中使用具有ng-app指令.
然后ng-bind使用名称模型显示在HTML< span>中.用户在文本框中输入输入时标记.
结束 tag表示AngularJS应用程序的结束.