美文网首页
Angularjs中关键指令及其关系

Angularjs中关键指令及其关系

作者: Antus | 来源:发表于2020-12-12 15:48 被阅读0次

一、Angularjs是什么?

Angularjs是一个JavaScript框架,是一个以JavaScript编写的库。通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

二、Angularjs的作用

1.AngularJS 把应用程序数据绑定到 HTML 元素。
2.AngularJS 可以克隆和重复 HTML 元素。
3.AngularJS 可以隐藏和显示 HTML 元素。
4.AngularJS 可以在 HTML 元素"背后"添加代码。
5.AngularJS 支持输入验证。

三、Angularjs中关键指令及其关系

ng-app 指令定义一个 AngularJS 应用程序。

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

实例:

//ng-app指令指明了应用, ng-controller 指明了控制器。
<div ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName">
姓: <input type="text" ng-model="lastName">
姓名: {{firstName + " " + lastName}}
</div>
<script>
//AngularJS 模块(Module) 定义了 AngularJS 应用。
var app = angular.module('myApp', []);
//AngularJS 控制器控制应用:
app.controller('myCtrl', function(scope) {scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>


相关文章

  • Angularjs中关键指令及其关系

    一、Angularjs是什么? Angularjs是一个JavaScript框架,是一个以JavaScript编写...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • Angular基础学习-01

    本节包括:AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS的Scope...

  • Angular

    AngularJS 通过 ng-directives(指令)扩展了HTML AngularJS 通过内置的指令来为...

  • AngularJS 笔记

    自定义指令 scope 的属性参数 & 自定义指令中的 Link 属性 jQLite 对象 AngularJS 中...

网友评论

      本文标题:Angularjs中关键指令及其关系

      本文链接:https://www.haomeiwen.com/subject/mkbegktx.html