Angularjs：文本框值未显示答案

【问题标题】：Angularjs : Texbox value not showingAngularjs：文本框值未显示
【发布时间】：2015-01-23 05:05:20
【问题描述】：

在 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”。

请指导！！

【问题讨论】：

这应该可以。请输入更多代码。
如果可能的话，您能否粘贴您的完整代码。

标签： javascript angularjs angularjs-scope angularjs-module

【解决方案1】：

你的控制器有问题:-) 您的代码运行良好

<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/

【讨论】：

【解决方案2】：

我认为您缺少角度库或控制器与您声明搜索变量的位置不同。

或者可能是您的 HTML 中缺少 ng-app="myApp"（告诉 Angular 在页面上初始化）。

通过创建模块，始终遵循模块化方法。

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
  }
})

按照上述代码设计 Angular 应用程序。

Working Fiddle

【讨论】：

@Arvind Kushwaha 你有太多选择来接受答案..为什么你不这样做。？