所以我最近学习了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;
我无法解决问题所在。请帮忙。 我尝试过使用以下内容。
{{product.name}}
{{shirts.name}}
{{product.shirts.name}}
{{shirts.product.name}}
{{app.product.name}}
{{app.shirts.name}}
我不知道该怎么办了。我的结果没有显示。
答案 0 :(得分:0)
没关系它现在正在运作。
我正在使用这个: {{product.name}}
Wierd现在的工作方式。
谢谢。