菜鸡学AngularJS 08 多控制器该咋写呢?

你四不四傻!?

<!doctype html>
<html ng-app = "myapp">
<head>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-controller = "TestController">
    <p>次数:{{cont}}</p>
    <input type = "text" ng-change = "contClick()" ng-model = "continput"></input>
</div>
<div ng-controller = "keypressController">
    <p>次数:{{keyin}}</p>
    <input type = "text" ng-keypress = "keyClick()" ng-model = "keyinput"></input>
</div>
<form ng-controller = "submitController" ng-submit = "subClick()">
    <p>{{sub}}</p>
    <input type = "text" ng-model = "subinput"/>
    <input type = "submit" value = '提交' ></input>
</form>
</body>
<script>
var app = angular.module('myapp', []);
app.controller("TestController", function($scope){
    $scope.cont = 0;
    $scope.contClick = function () {
        $scope.cont = $scope.cont+1;
    };
});

app.controller("keypressController", function($scope){
    $scope.keyin = 0;
    $scope.keyClick = function () {
        $scope.keyin = $scope.keyin+1;
    };
});

app.controller("submitController", function($scope){
    $scope.sub = '请输入';
    $scope.subClick = function () {
        $scope.sub = $scope.subinput;
    };
});
</script>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容