javascript - 在 AngularJs 中查找元素并更改其内容

Question

我想更改标题 div 的默认内容:

<div>
  <div>
      <div class="page-header">
        <h1><span>{{messages['default_title']}}</span></h1>
      </div>
  <div>
  <!-- other elements-->
<div>

在我的 Controller 中，我写了这个:

var titleElement = angular.element('div.page-header');
titleElement.html('<h1><span>Hello</span></h1>');

div内容更改成功:

<div class="page-header"><h1><span>Hello</span></h1></div>

但是我收到此错误，并且页面无法成功加载:

TypeError: Cannot read property 'childNodes' of undefined
    at g (https://localhost/test/js/angular/angular.min.js:47:278)
    at g (https://localhost/test/js/angular/angular.min.js:47:273)
    at g (https://localhost/test/js/angular/angular.min.js:47:273)
    at g (https://localhost/test/js/angular/angular.min.js:47:273)
    at g (https://localhost/test/js/angular/angular.min.js:47:273)
    at https://localhost/test/js/angular/angular.min.js:46:377
    at link (https://localhost/test/js/angular/angular-route.js:915:7)
    at J (https://localhost/test/js/angular/angular.min.js:54:373)
    at g (https://localhost/test/js/angular/angular.min.js:47:256)
    at https://localhost/test/js/angular/angular.min.js:46:377 <div ng-view="" class="ng-scope">

Answer 1

而不是操纵页面标题。

尝试更新 Controller 中的变量

$scope.messages['default_title'] = "Hello";