不显示控制器的值

Question

我正在尝试在Django应用程序中介绍Angular。 我怀疑我的问题与django模板所需的interpolateProvider直接相关...但谁知道。

我的简化版本也有问题： http : //jsfiddle.net/33417xsm/

这是我当前的版本：

<html ng-app="MyApp">
    <head>
        <script type="text/javascript" src="/static/js/libs/angular/angular.js"></script>
        <script type="text/javascript" src="/static/js/app/app.js"></script>
    </head>
    <body>
        <div ng-controller="MyAppController">
            [[ 2 + 4 ]]
            <p>[[ MyAppController.product.title ]]</p>
        </div>
    </body>
</html>

文件：app.js

(function(){
    var app = angular.module('MyApp', []);

    app.config(function ($interpolateProvider) {
                $interpolateProvider.startSymbol('[[');
                $interpolateProvider.endSymbol(']]');
        }
    );

    app.controller('MyAppController', function (){
        this.product = gem;
    });

    var gem = {
        'title': 'Inferno'
    };

})();

我的结果： 在此处输入图片说明

如您所料，我还要显示Inferno 。 我做错了什么？

Answer 1

您的应用程序配置正常。 但是我知道，您不清楚角概念。

您必须使用$ scope绑定数据。 同样，您也不需要像这样的符号“ myController.product”。

我更新了您的代码http://jsfiddle.net/33417xsm/4/

<div ng-app="MyApp" ng-controller="MyAppController">
    {{ 2 + 4 }}
    <p>{{product.title}}</p>
</div>

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

app.controller('MyAppController', function ($scope){
    $scope.product = {"title":"product title"};
});

不显示控制器的值

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-11-24 22:48:14

不显示控制器的值

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-11-24 22:48:14

解决方案1
1 已采纳 2014-11-24 22:48:14