2016-03-07 195 views
1

我试图写一个自定义指令,我把范围:true.As据我的知识,这应该采取父范围,当我们改变模型,它应该改变它的内部范围只。但在下面的例子中我发现,当我改变指令时,父母也会改变。任何人都可以告诉我,背后的原因。Angularjs自定义指令范围:true更改它的父范围

HTML

<div class="container" ng-app="myModule" ng-controller="mainControll"> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem harum numquam odio, tenetur earum deleniti culpa recusandae? Temporibus expedita, porro numquam at voluptas aspernatur nemo veniam nam, vel assumenda placeat!</div>{{text}}<br/> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model="text"> <firstdir></firstdir> </div> 

的JavaScript

var app = angular.module("myModule",[]); 
app.controller("mainControll",function($scope){ 
    $scope.text = "Content from controller"; 
}); 

app.directive("firstdir",function(){ 
    return{ 
    restrict:"EACM", 
    replace:"true", 
    scope:"true", 
    template:'<p>{{text}}<br/><input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model = "text"></p>' 
    } 
}) 

样品,你可以找到here

预先感谢您

回答

3

在您提供的代码中,示波器被分配了字符串“true”,这实际上应该是布尔真实的

app.directive("firstdir",function(){ return{ 
restrict:"EACM", 
replace:"true", 
scope: true, 
template:'<p>{{text}}<br/><input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model = "text"></p>'}}) 
+0

感谢您的解决方案,这是我的错误。感谢您的时间。 – user1162084

+0

我欢迎..如果这是你正在寻找的答案,然后请将其作为答案..谢谢 – rraman

+0

你好替换相同。它接受布尔值而不是字符串。 – gaurav