Angular Js 基础知识
来源:互联网 发布:荔枝fm mac电脑版 编辑:程序博客网 时间:2024/06/08 09:16
Angular Js 基础知识
AngularJS 简介
AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 使用
- 引入js到页面
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
- 基础指令
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
ng-init 指令初始化 AngularJS 应用程序变量(不太使用)
(HTML5 允许扩展自制属性 data-ng- 等价于ng- )
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> </head><body><div ng-app="" ng-init="firstName='John'"><p>姓名为 <span ng-bind="firstName"></span></p><p>名字 : <input type="text" ng-model="name"></p><h1>Hello {{name}}</h1></div></body></html>
- 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙
<div ng-app=""> <p>我的第一个表达式: {{ 5 + 5 }}</p></div>
- 模块化应用
AngularJS 模块(Module) 定义了 AngularJS 应用。
AngularJS 控制器(Controller) 用于控制 AngularJS 应用。
ng-app指令定义了应用, ng-controller 定义了控制器。
<div ng-app="myApp" ng-controller="myCtrl">名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="lastName"><br><br>姓名: {{firstName + " " + lastName}}</div><script>//模块化angular.module(获取ng-app定制的应用)var app = angular.module('myApp', []);//app.controller 获取ng-controller定义的控制器app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";});</script>
阅读全文
0 0
- Angular Js 基础知识
- Angular JS
- Angular js
- Angular Js
- angular js
- Angular JS
- angular js
- Angular JS
- Angular JS
- angular.js
- angular JS
- angular js
- angular.js
- Angular Js
- Angular一点基础知识
- angular的基础知识
- Angular之基础知识
- Angular之基础知识
- 分布式事务 ( DTS ) 你必须知道的事儿
- threejs- z-fighting 问题
- python经典100例(21-40)
- Oracle索引选择如何选择自己合适高效的方法呢
- Hive的常用函数操作
- Angular Js 基础知识
- python经典100例(41-60)
- Hive LATERAL VIEW 函数
- Oracle 11.2.0.4升级到11.2.0.4.18 详细步骤
- PAT A 1101. Quick Sort (25)
- hdu 5887 Herbs Gathering【dfs+贪心】
- Couple Net论文阅读笔记
- WSGI in Flask
- ddmlib(adb)监听设备的上下