角度应用程序不显示$范围数据

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为depedencies，但想不通我做错了什么。

任何帮助表示赞赏。

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}} & {{data.text}}