AngularJS 对象

AngularJS对象就像JavaScript对象

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edge" />
<meta name="viewport"content="width=device-width,initial-scale=1.0" />

<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<!--<div class="container">
<div data-ng-app=""data-ng-init="pesson={firstname:‘W‘,lastname:‘wh‘}">
<p>输出名为:{{preson.lastname}}</p>
</div>
</div>
使用data-ng-bind的相同实例-->
<div class="container">
<div data-ng-app=""data-ng-init="person={firstname:‘W‘,lastname:‘wh‘}">
<p>输出名为:<span data-ng-bind="person.lastname"></span></p>
</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</body>
</html>

时间: 2024-10-14 06:29:23

AngularJS 对象的相关文章

强强联合之jquery操作angularjs对象

jquery是一个非常强大的js框架,angularjs是一个非常牛的前端mvc框架.虽然用其中的任何一个框架在项目中够用了,但是有时候这两个框架需要混合着用,虽然不推荐.但有时候混合用时,却非常方便,不要考虑那么多,只要能实现功能,何乐而不为? 最近做的一个产品,前端用angularjs,但表格框架用的却是jquery.datatables.js,当然其中少不了碰到jquery与angularjs交互问题.由于公司保密,我就不用真实项目演示了,写个小demo吧,当然真实的项目要复杂得多. 1

AngularJS 对象-ng-bind

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> &l

AngularJs学习

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body ng-app="m

AngularJS 简易入门

AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML. AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中 注意:建议把脚本放在 <body> 元素的底部.这会提高网页加载速度,因为 HTML 加载不受制于脚本加载. AngularJS 扩展了 HTML

AngularJS 表达式

AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML. AngularJS 表达式写在双大括号内:{{ expression }}. AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙. AngularJS 将在表达式书写的位置"输出"数据. AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字.运算符和变量. 实例 <!DOCTYPE html><html> &

AngularJS快速入门指南03:表达式

AngularJS通过表达式将数据绑定到HTML. AngularJS表达式 AngularJS表达式写在双大括号中:{{ 表达式语句 }}. AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同. AngularJS会准确地将表达式“输出”为计算的结果. AngularJS表达式与JavaScript表达式有许多相似之处,它们都包含文字.运算符和变量.例如{{ 5 + 5 }}和{{ firstName + " " + lastName }} <!DO

AngularJs 学习笔记(三)依赖注入

一个对象可以通过三种方式来获取对依赖对象的控制权: 1.在内部创建依赖的对象 2.通过全局变量引用这个依赖对象 3.通过参数进行传递(在这里是通过函数参数) AngularJs通过$injector注入器服务来管理依赖关系的查询和实例化,通过其get方法来获取依赖服务的实例,简单点说,它就是生产依赖对象的工厂,负责实例化AngularJs中所有的组件,包括应用的模块.指令.控制器. 可以通过三种方式进行依赖注入: 推断式依赖注入 AngularJs会推断参数的名称就是依赖的对象. 声明式依赖注入

什么是 Angularjs

AngularJS 最初由 Misko Hevery 和 Adam Abrons 于 2009 年开发,后来成为了Google 公司的项目. AngularJS 弥补了 HTML 在构建应用方面的不足, 其通过使用标识符( directives)结构,来扩展 Web 应用中的 HTML 词汇,使开发者可以使用 HTML 来声明动态内容,从而使得 Web 开发和测试工作变得更加容易.Misko HeveryAngularjs 版本简介https://github.com/angular/angul

2.3了解AngularJS模块和依赖注入

1.模块和依赖注入概述 1.了解模块 AngularJS模块是一种容器,把代码隔离并组织成简洁,整齐,可复用的块. 模块本身不提供直接的功能:包含其他提供功能的对象的实例:控制器,过滤器,服务,动画 可通过定义其提供的对象构建模块.通过依赖注入将模块连接在一起,构建一个完整的应用程序. AngularJS建立在模块原理上.大部分AngularJS提供的功能都内置到ng-*模块中. 2.依赖注入 定义依赖对象并动态地把它注入另一个对象,使得所有的依赖对象所提供的功能都能使用.(提供器 注入器服务)