javascript - AngularJS 根据来自 Controller 的数据预填充输入字段

Question

我正在尝试使用 Controller 中的数据预填写表单。

简单的代码看起来像

<div ng-app="app" ng-controller="MainCtrl">
    <input name="widget.title" ng-model="widget.title">
    <input name="widget.content" ng-model="widget.content">
    <button ng-click="set('foo')">set to foo</button>
</div>

和

angular.module('app', [])
    .controller('MainCtrl', function($scope) {
        $scope.widget = {title: 'abc'};
        $scope.widget = {content: 'test'};
        $scope.set = function(new_title) {
            this.widget.title = new_title;
        }
    });

但它总是只预填充最后一个输入字段

JSFiddle:http://jsfiddle.net/b40nLuf2/

Answer 1

在您的情况下，您可以使用第二个 ($scope.widget = {content :'测试'}).

您必须定义一个具有两个属性(标题和内容)的对象 $scope.widget，如下所示:

angular.module('app', [])
    .controller('MainCtrl', function($scope) {
        $scope.widget = {
            title: 'abc',
          content: 'test'
        };
        $scope.set = function(new_title) {
            this.widget.title = new_title;
        }
    });