Angular js 学习文档

本文详细介绍了AngularJS的一些核心指令,包括ng-app、ng-init、ng-bind、ng-model、ng-repeat,以及如何使用它们进行数据绑定、初始化、循环遍历等操作。此外,还涉及到AngularJS的控制器、$location服务、$http服务、$timeout和$interval的使用,并展示了自定义服务和过滤器的创建与应用。通过实例代码,帮助读者理解AngularJS在实际开发中的应用。
摘要由CSDN通过智能技术生成

Angular js 指令:

ng-app=””  初始化一个Angularjs应用程序

ng-init=”key=value” 在其中使用键值对定义数据

{ {key}} 在html中使用key调用数据

ng-bind=”key” 可以在标签中使用此方法调用数据 相当于append

ng-model 把元素值绑定到应用程序 一般出现在文本框中 定义key 然后把输入的值显示

Ng-model同样可以为应用程序数据提供类型验证、为应用程序提供状态、为html元素提供css类、绑定html元素到html表单

Ng-repeat 循环数组  把数组中的元素循环放在html中 相当于for

页面代码:

<div ng-app="myApp" ng-controller="personCtrl">

        名:<input type="text" ng-model="firstname" name="name" value=" " /><br />

        姓:<input type="text" ng-model="lastname" name="name" value=" " /><br />

        <br />

        姓名{ {fullname()}}

    </div>

AngularJs代码:

var app = angular.module("myApp", []);

app.controller('personCtrl', function ($scope) {

    $scope.firstname = "John";

    $scope.lastname = "Doe";

    $scope.fullname = function () {

        return $scope.firstname +

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值