Итак, я новичок в AngularJS, и я пытаюсь изменить содержимое div после того, как щелкнули другого (этот содержит div с содержимым, которое я хочу разместить на первом).
HTML
<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, я не знаю, правильно ли это это сделать.
Спасибо