Угловая js ng-модель недоступна для управления текстовыми полями в шаблонной директиве на главной странице asp.net - PullRequest
Новая
       9

Угловая js ng-модель недоступна для управления текстовыми полями в шаблонной директиве на главной странице asp.net

0 голосов
/ 16 ноября 2018

Я не могу получить доступ к модели для текстового поля, пожалуйста, найдите код ниже.

HTML-тег, который я использую 

<span ng-click="LoadFieldData()">{{name.An}}</span><input type="text" 
style="width:515px;" ng-value="{{name.An}}" ng-model="name.An" 
id="topmost[0]" /></div>

Также, пожалуйста, найдите директиву, которую я использую.

angularform.directive("formChange",function($compile){
 return{
 restrict:"EA",
 terminal:true,
 priority:1000,
 scope:{},
 transclude:true,
 templateUrl:"../../app/Pages/dpang.html",
 css:"../../Common/Styles/style.css"
}
})

Также функция контроллера: 

$scope.LoadFieldData = function () {
debugger;
alert('function called.')
$scope.name.An = 'An is my name';
}

Я вызываю эту директиву в виде div на главной странице .master. 

<form-change/>

, но когдая пытаюсь получить доступ к переменной {{name.An}}, на экране html отображается только {{name.an}} вместо значения переменной «An is my name».Кто-нибудь может помочь, пожалуйста.

1 Ответ

0 голосов
/ 16 ноября 2018

Не уверен, что он будет работать с iFrame, как вы пытаетесь в PLNKR. Вы должны использовать тег директивы так: 

<teen-internal></teen-internal>

Также в вашей директиве вам не нужна пустая область видимости: 

myApp.directive('teenInternal', function() {
  return {
    restrict: 'AE',
    templateUrl: 'teen-external.html'

  };
});

Это должно работать. Plunker

Приветствия

...