2、angularJS的基本使用和应用,实现项目信息的增删改查

使用angularJs需要在body标签中声明np-app

如果使用自定义的app,需要将app写在script标签中,如:ng-app=“pyg”
如果使用自定义的controller,需要将自定义的controller写在body标签中,如:ng-controller=“brandController”
指定某个属性的默认值,在body标签中使用init,如:ng-init=“属性名=‘默认属性值’”

分页显示的配置中,onchange指的是页面变更就会调用的方法,所以不再init中指定方法,在onchange中指定,在页面发生变化时(如加载或者刷新)都会自动调用。

修改时,使用ng-model回显,不使用values

常用的指令标签:

1、ng-app:告诉Angular他应该管理页面的那一部分
例如:

2、ng-controller:控制器,通过在body标签上包含一个控制器,则可以管理body标签之间的任何东西,也可以放在div上,来控制这一个div上的任何东西

例如:

3、ng-repeat:数组中每个元素进行for循环

例如:


{{entity.id}}
{{entity.name}}
{{entity.first_char}}

修改


4、{{…}}:将变量的值插入到页面某部分和保持同步

5、ng-model=’…’:创建了输入字段和…的数据绑定,{{…}}建立的是单向的联系

6、ng-click:点击事件

7、ng-bind:与{{…}}等价

8、ng-change:change事件

/////////////以下全部代码实现页面加法/////////////////

angularjs入门Demo
<script>
	var app = angular.module('mingzi',[])
	
	app.controller('brandController',function($scope){
		$scope.add=function(x,y){
		  $scope.z = Number($scope.x)+ Number($scope.y);
		}
	})
</script>
{{100+200}}
+ = 计算 {{z}}
{{x}} {{y}}

/////////////以上全部代码实现页面加法/////////////////

猜你喜欢

转载自blog.csdn.net/weixin_43421537/article/details/88070043