所以,我是AngularJS的新手,我正在尝试改变一个div内容,另一个被点击(这个拥有一个div与我想放在第一个的内容).
<div ng-controller="dCtrl">
<ul ng-repeat="product in products">
<li change>
{{product.name}}
<div class="hide">{{product.description}}</div>
</li>
</ul>
</div>
<div id="test"></div>
使用Javascript
var app = angular.module("dt",[]);
app.directive("change",function() {
return function(scope,element) {
element.bind("click",function() {
var message = element.children("div").text();
console.log("breakpoint");
angular.bind("#test",function() {
this.text(message);
});
})
}
})
app.controller("dCtrl",function($scope) {
$scope.products = [
{ "name" : "Escova XPTO","description": "Lava tudo num instante"},{ "name" : "Pasta de Dentes YMZ","description": "Dentifrico do camandro"}
];
})
我知道我可以说：
$("#test").html(message);
但是我仍然对混合jQuery和AngularJS感到困惑,我不知道这是否是正确的方法
谢谢
