Question

我试图设置一个基本的角度应用程序来测试一些翻译逻辑，不知怎的，我无法将数据显示在前端。

这是我的HTML：

<div ng-app="testApp">
  <div ng-controller="myController">
    <p >{{ title }}</p>
    <p >{{ text }}</p>
  </div>
</div>

我的JS：

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

testApp.controller('myController', function ($scope) {
  $scope.data = {
    title: 'PAGE_TITLE',
    text :'some random page text'
  };
});

我创建了一个codepen，添加了reset.css，jQuery和AngularJS作为依赖，但无法弄清楚我做错了什么。

任何帮助表示感谢。

Answer 1

您应该将data对象中的这些属性绑定为title，text属于该data对象。

<强>标记

<div ng-app="testApp">
  <div ng-controller="myController">
    <p >{{ data.title }}</p>
    <p >{{ data.text }}</p>
  </div>
</div>

Answer 2

您应始终需要编写需要打印其属性的范围对象。

<div ng-app="testApp">
  <div ng-controller="myController">
    <p >{{ data.title }}</p>
    <p >{{ data.text }}</p>
  </div>
</div>

试试这样。

Answer 3

它应该是{{data.title}}＆amp; {{data.text}}

Angular app不显示$ scope数据

3 个答案: