查找元素并改变其在AngularJs

Question

我想改变我的头的div的默认内容内容：

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

在我的控制，我写了这个：

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

angular.element接受HTML或JS元件，而不是选择器

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

Answer 2

代替操纵页标头的字符串。

尝试更新变量在控制器

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