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

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

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

{{messages['default_title']}

在我的控制器中，我写道：

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

var titleElement=angular.element（'div.page-header'）；
titleElement.html（'Hello'）；

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">

你好 但我遇到此错误，无法成功加载页面：

<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">

TypeError:无法读取未定义的属性“childNodes”
在g(https://localhost/test/js/angular/angular.min.js:47:278)
在g(https://localhost/test/js/angular/angular.min.js:47:273)
在g(https://localhost/test/js/angular/angular.min.js:47:273)
在g(https://localhost/test/js/angular/angular.min.js:47:273)
在g(https://localhost/test/js/angular/angular.min.js:47:273)
在https://localhost/test/js/angular/angular.min.js:46:377
在链接(https://localhost/test/js/angular/angular-route.js:915:7)
在J(https://localhost/test/js/angular/angular.min.js:54:373)
在g(https://localhost/test/js/angular/angular.min.js:47:256)
在https://localhost/test/js/angular/angular.min.js:46:377 

angular.element

接受HTML字符串或JS元素，而不是选择器

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

var titleElement=angular.element（document.querySelector（'.page header'）；
titleElement.html（'Hello'）；

angular.element

接受HTML字符串或JS元素，而不是选择器

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

var titleElement=angular.element（document.querySelector（'.page header'）；
titleElement.html（'Hello'）；

angular.element

接受HTML字符串或JS元素，而不是选择器

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

var titleElement=angular.element（document.querySelector（'.page header'）；
titleElement.html（'Hello'）；

angular.element

接受HTML字符串或JS元素，而不是选择器

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

var titleElement=angular.element（document.querySelector（'.page header'）；
titleElement.html（'Hello'）；

而不是操纵页眉

尝试更新控制器中的变量

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

---

而不是操纵页面标题

尝试更新控制器中的变量

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

---

而不是操纵页面标题

尝试更新控制器中的变量

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

---

而不是操纵页面标题

尝试更新控制器中的变量

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

---

---

似乎您正在尝试混合AngularJS和jQuery语法……更改数据模型，而不是DOM。此外，中不应存在dom代码controller@charlietfl，则不应操纵消息变量。在某些情况下，标题是一个静态文本。这没有多大意义……那你为什么要操纵DOM呢？为什么信息不能被操纵（或其他变量）。你所做的与我获取一些初始信息时应该使用的方式相反。基于它们，我想在我的主页中动态加载一些html页面。每个内页都有。。。元素，我想根据初始信息对其进行更改。似乎您正在尝试混合AngularJS和jQuery语法…更改数据模型，而不是DOM。此外，中不应存在dom代码controller@charlietfl，则不应操纵消息变量。在某些情况下，标题是一个静态文本。这没有多大意义……那你为什么要操纵DOM呢？为什么信息不能被操纵（或其他变量）。你所做的与我获取一些初始信息时应该使用的方式相反。基于它们，我想在我的主页中动态加载一些html页面。每个内页都有。。。元素，我想根据初始信息对其进行更改。似乎您正在尝试混合AngularJS和jQuery语法…更改数据模型，而不是DOM。此外，中不应存在dom代码controller@charlietfl，则不应操纵消息变量。在某些情况下，标题是一个静态文本。这没有多大意义……那你为什么要操纵DOM呢？为什么信息不能被操纵（或其他变量）。你所做的与我获取一些初始信息时应该使用的方式相反。基于它们，我想在我的主页中动态加载一些html页面。每个内页都有。。。元素，我想根据初始信息对其进行更改。似乎您正在尝试混合AngularJS和jQuery语法…更改数据模型，而不是DOM。此外，中不应存在dom代码controller@charlietfl，则不应操纵消息变量。在某些情况下，标题是一个静态文本。这没有多大意义……那你为什么要操纵DOM呢？为什么信息不能被操纵（或其他变量）。你所做的与我获取一些初始信息时应该使用的方式相反。基于它们，我想在我的主页中动态加载一些html页面。每个内页都有。。。元素，我想根据初始信息对其进行更改。我在问题中遗漏了一些内容。我的页面标题div也可以有静态文本：goodbye，而且我不能更改message变量。（不应该被操纵）我在问题中遗漏了一些东西。我的页面标题div也可以有静态文本：goodbye，而且我不能更改message变量。（不应该被操纵）我在问题中遗漏了一些东西。我的页面标题div也可以有静态文本：goodbye，而且我不能更改message变量。（不应该被操纵）我在问题中遗漏了一些东西。我的页面标题div也可以有静态文本：goodbye，而且我不能更改message变量。（它不应该被操纵）你有那个类的元素吗？是的。它会更改div的内容，但会出错。您是否有该类的元素？是的。它会更改div的内容，但会出错。您是否有该类的元素？是的。它会更改div的内容，但会出错。是否有元素