Question

我正在开发一个有角度的应用程序，我遇到了将$ scope加载到另一个页面的问题。这是我目前的代码：

function editorCtrl($scope, $http, $location) {
   $scope.html = { content: '' };
   $scope.data = {
      name: ''
   }
   $scope.goToDoc = function() {
      $http.get('/doc/' + $scope.data.name).success(function(data) {
         $scope.html.content = JSON.stringify(data.html);
         $location.path('/docs/' + $scope.data.name);
      });
   }
}

// My app config
angular.module('myApp', [])
   .config(function($routeProvider) {
      .when('/editor', {
      controller: 'editorCtrl',
      templateUrl: '/app/partials/editor.html'
  })
  .when('/docs/:name', {
      controller: 'editorCtrl',
      templateUrl: '/app/partials/doc.html'
  })
      ...

// My doc Template
{{ html.content }}

// editor template
<input type="input" ng-model="data.name">
<button ng-click="goToDoc()">GOTO</button>

我正在尝试向我的API发出请求，并将$ scope.html.content设置为返回的数据。如果我控制$ scope.html.content我得到了正确的值，但它没有在我的doc模板中更新。如何在我的editorCtrl中获取$ scope以更新我的doc模板？或者我是以完全错误的方式解决这个问题？

将$ scope加载到另一个页面

0 个答案: