angular:不能将初始值设置为输入框

时间:2016-01-12 03:23:18

标签: angularjs

对于我的角度我有以下内容:

这是html

<div ng-app='mainApp' ng-controller='myControl'>
   <mydirective datas="datas"></mydirective>
</div>

js file

var mainApp=angular.module('mainApp',[])
.controller('myControl',['$scope','$http',function($scope,$http){
    $http.get('./myjson.json').success(function(fdatas){
         $scope.datas=fdatas;
    });
}])
.directive('mydirective',function(){
     return{
       restrict:'E',
       scope:{
          datas:'='
       },
       template:"<input type='text' ng-model='inputvar'/>",
       controller:function($scope,window){
         $scope.inputvar=$scope.datas[0].name;
       }
     }
});

json文件

[{ name:'test'},{name:'test2'}]

由于某种原因,当我检查调试控制台时,它未定义,并且无法设置初始值。任何的想法?

谢谢

2 个答案:

答案 0 :(得分:0)

在控制器中声明模型的典型方法......类似于:

var mainApp=angular.module('mainApp',[])
    .controller('myControl',['$scope','$http',function($scope,$http){
        $scope.inputvar = "Hello World";
        $http.get('./myjson.json').success(function(fdatas){
            $scope.datas=fdatas;
    });
}])

答案 1 :(得分:0)

&#13;
&#13;
<<
&#13;
&#13;
&#13;