角度函数结果不在DOM中显示

时间:2018-02-08 22:21:54

标签: javascript html angularjs

所以我最近学习了Angular。出于某种原因,我在HTML中使用{{some.data.goes.here}}提取数据。这种拉动的结果并没有反映在DOM中。



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

  app.controller('AppController', function() {

    this.product = shirts;

  });

  var shirts = [{
      name: 'BlackShirt',
      price: 100,
    }

  ];

})();

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.min.js"></script>

<div ng-app="app" ng-controller="AppController as app">
  <div class="w3-card-2 w3-border content-panels">
    <div class="w3-container w3-center">
      <p>{{product.name}}</p>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

我无法解决问题所在。请帮忙。 我尝试过使用以下内容。

{{product.name}}
{{shirts.name}}
{{product.shirts.name}}
{{shirts.product.name}}
{{app.product.name}}
{{app.shirts.name}}

我不知道该怎么办了。我的结果没有显示。

1 个答案:

答案 0 :(得分:0)

没关系它现在正在运作。

我正在使用这个:      {{product.name}}

Wierd现在的工作方式。

谢谢。