AngularJS

站内搜索

      当你在输入框中键入文本时,这个文本会立即反映到 testString 属性上,反之亦然,如果你在组件类中改变 testString 的值,输入框的内容也会相应更新,这篇文章主要介绍了AngularJS 的生命周期和基础语法,需要的朋友可以参考下+ 目录 AngularJS 的生命周期和基础语法 1. 使用步骤 1 2 3 4 5 6 7 8 // 1. 要...


      www.jb51.net/javascript/320576m...htm 2024-7-21

      AngularJS 简介 - AngularJS 教程 - 菜鸟学堂-脚本之家

      当网页加载完毕,AngularJS 自动开启。ng-app 指令告诉 AngularJS, 元素是 AngularJS 应用程序 的"所有者"。ng-model 指令把输入域的值绑定到应用程序变量 name。ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。如果您移除了 ng-app 指令,HTML 将直接把表达式显示出来,不会去计算表达式的结果。

      edu.jb51.net/angularjs/angularjs-int... 2024-5-26

      AngularJS 指令 - AngularJS 教程 - 菜鸟学堂-脚本之家

      上面实例中的 {{ firstName }} 表达式是一个 AngularJS 数据绑定表达式。AngularJS 中的数据绑定,同步了 AngularJS 表达式与 AngularJS 数据。{{ firstName }} 是通过 ng-model="firstName" 进行同步。在下一个实例中,两个文本域是通过两个 ng-model 指令同步的:...

      edu.jb51.net/angularjs/angularjs-dir... 2024-7-22

      AngularJS 教程 - AngularJS 教程 - 菜鸟学堂-脚本之家

      AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。 AngularJS 学习起来非常简单。 现在开始学习 AngularJS! 每个章节都有相应的实例 在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。 AngularJS 实例 <!DOCTYPE html> 名字 : Hello {{name}} 尝试一下 » 阅读本...

      edu.jb51.net/angularjs/angularjs-tut... 2024-7-15

      AngularJS 依赖注入 - AngularJS 教程 - 菜鸟学堂-脚本之家

      AngularJS 依赖注入什么是依赖注入wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。该模式分离了客户端依赖本身行为的创建,这使得程序设计变得松耦合,并...

      edu.jb51.net/angularjs/angularjs-dep... 2024-7-17

      什么是 AngularJS?AngularJS简介_AngularJS_脚本之家

      AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。formatDate 通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足: ...

      www.jb51.net/article/582...htm 2024-7-21

      AngularJS2 JavaScript 环境配置 - AngularJS2 教程 - 菜鸟学堂...

      "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0", "@angular/upgrade": "2.0.0", "core-js": "^2.4.1", "reflect-metadata": ...

      edu.jb51.net/angularjs2/angularjs2-j... 2024-5-26

      AngularJS2 教程 - AngularJS2 教程 - 菜鸟学堂-脚本之家

      AngularJS2 教程AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。学习本教程需要的基础知识...

      edu.jb51.net/angularjs2/angularjs2-t... 2024-7-17

      AngularJS 事件 - AngularJS 教程 - 菜鸟学堂-脚本之家

      AngularJS 事件AngularJS 有自己的 HTML 事件指令。ng-click 指令ng-click 指令定义了 AngularJS 点击事件。AngularJS 实例 点我! {{ count }} 尝试一下 »隐藏HTML 元素ng-hide 指令用于设置应用部分是否可见。ng-hide="true" 设置HTML 元素不可见。ng-hide="false" 设置HTML...

      edu.jb51.net/angularjs/angularjs-htm... 2024-7-3

      AngularJS 表格 - AngularJS 教程 - 菜鸟学堂-脚本之家

      AngularJS 表格ng-repeat 指令可以完美的显示表格。在表格中显示数据使用angular 显示表格是非常简单的:AngularJS 实例 <!DOCTYPE html> {{ x.Name }} {{ x.Country }} var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get(...

      edu.jb51.net/angularjs/angularjs-tab... 2024-7-22


1/10