ฉันมีสถานการณ์ง่าย ๆ นี้:
องค์ประกอบอินพุตซึ่งค่าจะถูกเปลี่ยนโดยวิธี val () ของ jQuery
ฉันพยายามอัปเดตโมเดลเชิงมุมด้วยค่าที่ jQuery ตั้งไว้ ฉันพยายามเขียนคำสั่งง่ายๆ แต่ก็ไม่ได้ทำสิ่งที่ฉันต้องการ
นี่คือคำสั่ง:
var myApp = angular.module('myApp', []);
myApp.directive('testChange', function() {
return function(scope, element, attrs) {
element.bind('change', function() {
console.log('value changed');
})
}
})
นี่คือส่วน jQuery:
$(function(){
$('button').click(function(){
$('input').val('xxx');
})
})
และ html:
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<input test-change ng-model="foo" />
<span>{{foo}}</span>
</div>
</div>
<button>clickme</button>
นี่คือซอกับความพยายามของฉัน:
http://jsfiddle.net/U3pVM/743/
ใครช่วยชี้ฉันในทิศทางที่ถูกต้องได้ไหม