javascript - Angular : Texbox value not showing

Question

在 agularjs Controller 中我正在创建变量

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

请指导!!

Answer 1

你的 Controller 有问题:-)您的代码运行良好

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

fiddle :- http://jsfiddle.net/4rwnefnL/