Angularjs:文本框值未显示

时间:2015-01-23 05:05:21

标签: javascript angularjs angularjs-scope angularjs-module

在agularjs控制器中,我正在创建变量

var search = [];
search.area = 'xyz';
$scope.search = search;

在html页面

 <input type="text" name="area" class="form-control" data-ng-model="search.area" placeholder="Area">

因此,加载页面后,默认值不会在文本框中显示为“xyz”。

请指导!!

2 个答案:

答案 0 :(得分:2)

您的控制器存在一些问题:-) 您的代码工作正常

<div ng-app="myApp" ng-controller="MyCtrl"><input type="text" name="area" class="form-control" data-ng-model="search.area" placeholder="Area"/>

    </div>
<script>
    var myApp = angular.module('myApp',[]);
    function MyCtrl($scope) {
    var search = [];
    search.area = 'xyz';
    $scope.search = search;
    }
</script>

小提琴: - http://jsfiddle.net/4rwnefnL/

答案 1 :(得分:1)

我认为你缺少角度库或者控制器与你声明搜索变量不同。

或者你的HTML中可能缺少ng-app="myApp"(告诉角度来初始化页面)。

通过创建模块,始终按角度进行模块化处理。

angular.module('myApp', [])
.controller('mainCtrl', function($scope){
  // controller code here
})
.directive('myDir', function(){
  return {
    //directive code here
  }
})
.filter('customfilter', function(){
  return function(val){
    //filter code here
  }
})
.factory('customFactory', function(){
  return function(val){
    //filter code here
  }
})

按照上面的代码设计角度应用。

Working Fiddle