日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

angular.js - angular中可以在ng-click中直接調用service的方法嗎?

瀏覽:237日期:2024-09-15 18:15:00

問題描述

代碼如下:

<!DOCTYPE html><html ng-app='myapp'><head> <meta charset='UTF-8'> <title>Angular學習</title></head><body><section ng-controller='Ctrl1 as ctrl1'><input type='text' ng-model='ctrl1.a'/><!-- 這里可以直接寫服務方法的調用嗎?原來的是ctrl1.setA() --><input type='button' value='設置' ng-click='MathService.setA(ctrl1.a)'> </section> <section ng-controller='Ctrl2 as ctrl2'><h1>{{ctrl2.getA()}}</h1> </section><script type='text/javascript'>var myapp = angular.module('myapp',[]);myapp.controller('Ctrl1',['MathService',function(MathService){ this.set = function(){return MathService.setA(this.a); }}]);myapp.controller('Ctrl2',['MathService',function(MathService){ this.getA = function(){return MathService.getA(); }}]);myapp.service('MathService',[function(){ var a = 999; this.getA = function(){return a; } this.setA = function(number){a = number; }}]); </script></body></html>

也就是說我不想用控制器的定義一個方法返回,而直接調用service里面的方法,可我試了不起作用,這是為什么呢?

問題解答

回答1:

首先$scope是ViewModel,即視圖層與模型層的橋梁。先看一下下圖:angular.js - angular中可以在ng-click中直接調用service的方法嗎?可以看出Ctrl1 as ctrl1語法,實際上是在$scope對象上新增一個ctrl1的屬性,而屬性值是一個包含setA和a屬性的對象。在創建Ctrl1的時候,我們只添加了setA屬性。為什么會有一個a屬性呢?因為你使用了ng-model指令(實現雙向綁定),當input輸入框改變時,發現ctrl1對象中沒有a屬性(綁定值是原始數據類型哈),那么它會自動創建一個。上面示例中Ctrl1的調整后的代碼如下:

myapp.controller('Ctrl1',['MathService',function(MathService){ this.setA = MathService.setA;}]);

模板中直接使用的service的話,可以把service添加到$rootScope對象上:

var myapp = angular.module('myapp',[]).run(['$rootScope', 'MathService', function($rootScope, MathService) { return $rootScope.mathService = MathService;}]);

個人不推薦這樣使用,如果使用這樣方法,最好加個命名空間。

另外使用ng-model進行數據綁定時,推薦使用如下方式:

1.更新后模板

<section ng-controller='Ctrl1 as ctrl1'> <input type='text' ng-model='ctrl1.obj.a'/> <!-- ctrl1.obj.a 這個值推薦在Ctrl中直接獲取 --> <input type='button' value='設置' ng-click='ctrl1.setA(ctrl1.obj.a)'></section>

2.更新后Ctrl1

myapp.controller('Ctrl1',['MathService',function(MathService){ this.setA = MathService.setA; thi.obj = {};}]);

友情提示(已知的請略過):1.截圖中使用的調試工具是Chrome插件 - AngularJS2.示例中使用Angular stict DI,是推薦的做法。但如果嫌麻煩的話,可以參考使用gulp-ng-annotate

相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
丝袜美腿一区二区三区| 综合色一区二区| 国产麻豆精品| 欧美一级全黄| 日韩av成人高清| 国产日韩欧美一区二区三区 | 在线一区av| 中文在线中文资源| 久久在线免费| 亚洲开心激情| 国产精品115| 欧美日韩精品免费观看视欧美高清免费大片| 高清精品久久| 免费不卡中文字幕在线| 视频在线观看一区二区三区| 日韩成人一级| 国产一区不卡| 欧美日韩黑人| 亚洲精品第一| 精品入口麻豆88视频| 91精品蜜臀一区二区三区在线| 99精品在线观看| 亚洲欧美日韩精品一区二区 | 99久久久久| 亚洲日本国产| 丁香婷婷久久| 久久久国产亚洲精品| 欧美亚洲tv| 日韩成人精品一区| 亚洲国内欧美| 欧美日韩1区2区3区| 亚洲精品福利电影| 蜜芽一区二区三区| 日韩高清在线一区| 成人亚洲一区二区| 亚洲欧美日韩国产一区二区| 国产精品一在线观看| 婷婷成人在线| 青青在线精品| 国产高清一区| 美女视频一区在线观看| 99国产精品久久久久久久| 国产精品一区二区三区四区在线观看| а√天堂8资源中文在线| 香蕉久久久久久久av网站| 久久精品一区二区国产| 国产精品美女久久久| 国产亚洲第一伦理第一区| 日本欧美国产| 日本一区二区中文字幕| 天堂中文av在线资源库| 欧美自拍一区| 欧美日韩国产免费观看视频| 美女精品视频在线| 国产精品美女| 日韩在线短视频| 国产私拍福利精品视频二区| 欧美午夜不卡影院在线观看完整版免费| 欧美亚洲三级| 另类激情亚洲| 日韩欧美在线中字| 国产精品调教| 亚洲ww精品| 国产v日韩v欧美v| 亚洲美女久久| 蜜桃av一区| 国产一区观看| 成人福利视频| 精品国产18久久久久久二百| 国产亚洲欧美日韩精品一区二区三区 | 亚洲精选成人| 久久国产电影| 黑森林国产精品av| 欧美国产三级| 日韩二区三区四区| 亚洲二区在线| 日韩高清欧美| 国产极品一区| 日本午夜精品| 亚洲图片久久| 丝瓜av网站精品一区二区| 亚洲视频综合| 日韩在线欧美| 日韩中文影院| 国产自产自拍视频在线观看 | 国产精品最新自拍| 日产欧产美韩系列久久99| 久久最新视频| 亚洲视频二区| 婷婷激情综合| 中文久久精品| 一区二区三区四区日韩| 中文字幕亚洲精品乱码| 中文字幕av一区二区三区四区| 久久国产精品亚洲77777| 首页国产欧美久久| 亚洲精品福利| 日本不卡视频在线观看| 亚洲精品乱码久久久久久蜜桃麻豆 | 蘑菇福利视频一区播放| 99日韩精品| 红桃视频国产一区| 精品一区免费| 亚洲深夜影院| 亚洲视频二区| 国产一级成人av| 国产日韩免费| 美女视频黄久久| 免费看av不卡| 精品视频自拍| 福利一区视频| 久久三级毛片| 久久精品91| 美国三级日本三级久久99 | 国产美女视频一区二区| 日韩电影二区| 国产精品亚洲一区二区在线观看| 天堂精品久久久久| 日本午夜精品久久久| 国产精品一站二站| 石原莉奈在线亚洲二区| 免费在线观看成人| 日韩二区三区在线观看| 麻豆精品99| 91精品国产成人观看| 另类激情亚洲| 国产情侣一区在线| 国产一区二区三区久久久久久久久| 成人亚洲一区| 激情婷婷久久| 亚洲精品护士| 国产一区二区三区四区五区 | 国产乱人伦精品一区| 欧美激情日韩| 神马午夜久久| 免费在线观看一区二区三区| 日本欧美在线| 欧美激情国产在线| 国产午夜精品一区二区三区欧美 | 日韩av一区二区三区| 成人黄色av| 国产视频亚洲| 国产福利资源一区| 国产一二在线播放| 国产精品日本| 国产精品免费不| 欧美影院三区| 国产私拍福利精品视频二区| 久久精品国产亚洲夜色av网站| 日韩精品视频中文字幕| 日韩在线免费| 日韩不卡免费视频| 亚洲精品在线影院| 青青草精品视频| 久久一区二区中文字幕| 国产精品啊啊啊| 午夜欧美精品| 国产一区二区精品久| 亚洲一区二区三区中文字幕在线观看| 狂野欧美性猛交xxxx| 视频一区国产视频| 波多视频一区| 欧美欧美黄在线二区| 伊人久久大香线蕉av不卡| 国产精品巨作av| 亚洲美洲欧洲综合国产一区 | 日韩高清一区在线| 久久狠狠婷婷| 国产精品2023| 三级在线观看一区二区| 久久视频一区| 成人精品动漫一区二区三区| 欧美网站在线| 不卡一二三区| 你懂的国产精品| 亚洲精品自拍| 亚洲黄色在线| 香蕉视频亚洲一级| 国产极品久久久久久久久波多结野| 午夜影院欧美| 午夜精品久久久久久久久久蜜桃| 国产图片一区| 日韩精品第二页| 午夜日韩福利| 神马午夜久久| 五月激情久久| 成人影视亚洲图片在线| 国产亚洲欧美日韩在线观看一区二区 | 久久香蕉网站| 国产日韩在线观看视频| 在线观看一区| 美女精品网站| 美女毛片一区二区三区四区| 国产 日韩 欧美一区| 国产精品二区不卡| 久久久久97| 国产欧美69| 欧美日韩一视频区二区| 日韩和欧美一区二区三区| 日韩精品视频中文字幕|