AngularJs初学

最新推荐文章于 2020-11-20 20:32:42 发布

EngineerForSoul

最新推荐文章于 2020-11-20 20:32:42 发布

阅读量331

点赞数 2

分类专栏：前端文章标签： angular

本文链接：https://blog.csdn.net/lingyiwin/article/details/51220324

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Angular简介

AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

AngularJS 把应用程序数据绑定到 HTML 元素。
AngularJS 可以克隆和重复 HTML 元素。
AngularJS 可以隐藏和显示 HTML 元素。
AngularJS 可以在 HTML 元素”背后”添加代码。
AngularJS 支持输入验证。
AngularJS 指令是以 ng 作为前缀

第一个Angular程序

<!doctype html>
<html ng-app>
    <head>
        <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
    </head>
    <body>
        Hello {{'World'}}!`
    </body>
</html>

<html ng-app> ng-app 指令定义一个 AngularJS 应用程序。
{{'World'}} {{”}}定义一个 AngularJS表达式，其内可以是String {{“loveme” }}、int {{“521” }}等类型，字符串拼接 {{ ‘love’ + ‘me’ }}，数值之间的计算{{ 5/5}}等等；可以自己亲自测试试试。
注意：{{}}之间单引号和双引号都行。

Angular程序简单数据绑定

<div ng-app="">
<p>在输入框中尝试输入：</p>
<p>姓名：<input type="text" ng-model="name" placeholder="Please enter your name!"></p>
<p ng-bind="name"></p>
</div>

ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序的”所有者”。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
注意：如果删除ng-app 指令，表达式将直接显示在页面。段落标签P中绑定的数据将不会再显示。

EngineerForSoul

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
AngularJs初学

Angular简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 把应用程序数据绑定到 HTML 元素。AngularJS 可以克隆和重复 HTML 元素。AngularJS 可以隐藏和显示 HTML 元素。An
复制链接

扫一扫