Angular JS 基础

太阳会照常升起

于 2016-04-21 19:55:02 发布

阅读量476

点赞数 1

分类专栏： AngularJS

本文链接：https://blog.youkuaiyun.com/huangyunjin678/article/details/51212453

版权

AngularJS 专栏收录该内容

2 篇文章

订阅专栏

AngularJS模块化

restrict 约束，限制
template 模版

<script>
    var myModel=angular.module("myApp",[]);
    myModel.controller("helloAngular",['$scope',function($scope){
        $scope.mygressting={
            text:'hello'
        };

    }]);

//指令  hello 是自定义的标签名
    myModel.directive("hello",function(){
        return{
            restrict:'E',
            template:'<div>Hi everyOne</div>div',
            replace:true
        }
    })
</script>

关于ng-repeat 删除
$index是传入的第几个

<body ng-app="myApp"  ng-controller="myController" >
    <div>{{name}}</div>
    <div ng-repeat="item in items">
        <span>{{item.price}}</span>
        <input type="text" ng-model="item.price"/>
        <button ng-click="remove($index)">remove</button>
    </div>

<script>
var app=angular.module("myApp",[]);
    app.controller('myController',function($scope){
        $scope.name="zhanger";
        $scope.items=[
            {title:'nihao',price:12345},
            {title:'jeje',price:456}
        ];
        $scope.remove=function(num){
            console.log(num);
            $scope.items.splice(num,1);
        };
    })
</script>
</body>