Görüntüyü ng-controller
öğesinin dışında düzenlemeye çalışıyorum. Ben $rootScope
ve dom manipulations kullanarak çözmek mümkün oldu, ama nasıl yerel angularjs tarafından çözülebilir bilmek ister misiniz?ng model dış denetleyici
Html:
<body>
<div class="container">
<div class="block" ng-controller="BlockController as block">
<div><strong>Name:</strong> {{ block.name }}</div>
<a href ng-click="block.edit()">Edit</a>
</div>
</div>
<div class="container-editor">
<div id="block-editor"></div>
</div>
</body>
Js:
buradaangular.module('app', [])
.controller('BlockController', BlockController);
function BlockController($compile, $scope)
{
this.name = 'default name';
this.edit = function() {
var $editor_html = ' <input type="text" ng-model="block.name" name="name" /> <a href ng-click="block.save()">Save</a>';
$editor_html = $compile($editor_html)($scope);
angular.element(document.querySelector("#block-editor")).html('').append($editor_html);
};
this.save = function() {
// save block
angular.element(document.querySelector("#block-editor")).html('');
};
}
örnektir
gibi birden direktifleri geçebilir denetleyici içinde düzenleme giriş etiketi tutarak bir problem var mı ? – aa333
Angular uygulamanızda başka bir iç içe yerleştirilmiş birden fazla kapsam oluşturabileceğinizi biliyor muydunuz? Sonra her birine kendi kontrol ünitesini verin, böylece bu "Açısal Yolu" uygulayabilirsiniz. – Blazemonger
Teşekkürler. @Blazemonger, birden fazla kapsam ile örnek gösterebilir misiniz? – Webeith