2

私はこのようなものを持っているとしましょう：

<div ng-app="myApp">
    <div ng-controller="myCtrl">
        {{foo}}
        <button ng-click="bindToMe" />
    </div>
    <div ng-controller="anotherCtrl">
        {{foo}}
        <button ng-click="noBindToMeInstead" />
    </div>
</div>

<!-- yes its outside of ng-app -->
<div id="tempZone">
    <input type="text" ng-model="foo" />
</div>

私がやりたいのは、を使用して#tempZone、特定のスコープの一部であるかのようにコンパイル/データバインドすることです。

何かのようなもの：

 var myApp = angular.module('myApp');
 myApp.controller('myCtrl', function($scope){
     $scope.foo = "init1";
     $scope.bindToMe = function(){
         var tempZone = document.getElementById('tempZone');
         $scope.$MAGICBINDMETHOD(tempZone);
     };
 });
 myApp.controller('anotherCtrl', function($scope){
     $scope.foo = "init2";
     $scope.noBindToMeInstead = function(){
         var tempZone = document.getElementById('tempZone');
         $scope.$MAGICBINDMETHOD(tempZone);
     };
 });

ロードされたテンプレートがモーダルを呼び出したスコープと対話できるようにするモーダル ウィンドウ サービスを作成できるように、これが必要です。これまでのところ、これが機能する例は見たことがありません。dom要素をスコープにバインドすることは可能ですか?

4

2 に答える 2

4

どうやら答えは非常に単純です。

 $scope.$MAGICBINDMETHOD(tempZone);

ただです

 $compile(tempZone)($scope);

そして完了です。

于 2013-06-10T19:03:56.130 に答える