AngularStudySec1

xiaojueguan

于 2018-07-18 16:55:49 发布

阅读量273

点赞数

分类专栏： ------------***angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/albertjone/article/details/81101207

版权

------------***angularjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

angular学习

angular基础（angular basics)

指令(directives)
表达式(expressions)
过滤器(filters)
模块(modules)
控制器(controllers)

angurlar 进阶（angular advance)

事件(events)
DOM
表单(forms)
验证(validations)
http

Start Example

<!DOCTYPE html>
<html lang="en-US">
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
    </script>
    <body>
        <div ng-app=""> 
            <p> Name: <input type="text" ng-model="name"></p>
            <h1> Hello {{name}}</h1>
        </div>
    </body>
</html>

效果图

这里写图片描述

什么是Angular（what is angularjs)

Angularjs 是javascript框架，是一个由javascript写的库，angular是一个分散式的javascript文件，可以通过一个脚本标签被加载到网页文件中。

angular 扩展(Extends) Html

使用ng-app 指示(directive)来定义一个angularjs应用。

使用ng-model 指示(directive)来实现HTML控件(input,select,textarea)的值和应用数据的绑定。

使用ng-bind 指示(directive)来实现HTML视图和应用数据的绑定。

举个栗子

<!DOCTYPE html>
<html lang="en-US">
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
    </script>
    <body>
        <div ng-app=""> 
            <p> Name: <input type="text" ng-model="name"></p>
            <h1> Hello {{name}}</h1>
        </div>
    </body>
</html>