在控制器上定义方法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以在控制器的 $scope 上面添加一个方法,然后在视图上去使用这个方法。打开 app.js ... 还是在 UserController 这个控制器里面,在 $scope 上面添加一个方法,这个方法可以放到 user 这个对象的上面 ... 方法的名字是 subscribe ...

$scope.user.greet = function () {}

这个方法要做的事情就是,可以在控制台上输出点的文字 ... 先用一个 $scope.user.name 输出 user 对象里的 name 的值 ... 中间加上点文字 ... 最后再用一个 $scope.user.email 输出 user 的 email 的值 ...

$scope.user.subscribe = function () {
console.log($scope.user.name + ", 您订阅的新闻将会发送到:" + $scope.user.email);
};

保存 ... 再打开 index.html ... 我们可以在应用了 UserController 控制器的这个元素里面,去使用刚才定义的方法 ... 先添加一个按钮 ... 可以使用 button 标签 ... 按钮上的文字是 订阅 ... 然后在这个元素上面,再用一个 ngClick 指令 ... 用它我们可以指定元素被点击以后要做的事情 ... 在这个 button 元素上面,用一个 ng-click 属性 ... 它的值设置成 user.subscribe() ... 意思就是,当点击这个按钮以后,就去执行在 user 上面定义的 subscribe() 这个方法 ...

<button ng-click="user.subscribe()">订阅</button>

保存 ... 回到浏览器 ... 打开控制台 ... 然后点击 订阅 这个按钮 ... 这样会执行 user 里面的 subscribe 方法,也就会在控制台上输出一些文字 ...

在控制器上定义方法《 AngularJS 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点