ngModel不适用于ngView

Question

我想在ngview加载后用ng-model指令双向绑定。这可能吗？

app.js

app.controller('FormController', function($scope) {
    $scope.data = {
        header = 'Header',
    }
});

的index.html

<div ng-controller="FormController">
    Header: <input type="text" ng-model="data.header"> {{data.header}}
</div>

哪个工作正常。我想做的是在ng-view

之后做同样的事情

在ng-view中我会把

{{data.header}}

它会说“Header”但不绑定数据。

希望我能清楚地解释这个问题。有什么想法吗？

Answer 1

这是一个有效的example

在您的脚本中：

• 将ngRoute声明为依赖
• 在配置块中使用$routeProvider来声明路由
• 我仅使用内联模板来简化（在我使用 templateUrl 的真实应用中）

var app = angular.module('app',['ngRoute']);

app.config(function($routeProvider){
  $routeProvider.when('/',{
    template: "Header: <input type='text' ng-model='data.header'> {{data.header}}",
    controller: "ctrl"
  });
});

app.controller('ctrl',function($scope){
  $scope.data = {
    header : 'Header'
  };
});

在你的html中：

• 将angular-route.js添加到您的脚本
• 添加ng-view指令