代码之家 › 专栏 › 技术社区 › Yeenkash

我的angular ng repeat div在浏览器中添加了注释[关闭]

angularjs-ng-repeat angularjs html

-2

Yeenkash · 技术社区 · 7 年前

我搜索了几天,没有找到解决方案。我认为这个问题是特定于代码的。我对angular和angular 1.6不熟悉。

很抱歉,我的帖子是这样的,这是我第一篇关于堆栈溢出的帖子

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

app.controller('myController', function($scope, $http){
    $http.get("http://localhost/js/database.json")
    .then(function(response){
        $scope.datad = response.products;
        return $scope.datad;
    })
})

//database.json file

{
    "products": [
        {
            "name": "toy z",
            "price" : "1999",
            "image":"toys/007.png",
            "category": "Toys" 
        },
        {
            "name": "Magic Swan",
            "price" : "200",
            "image":"toys/006.png",
            "category": "Toys" 
        },
        {
            "name": "Ben10 Watch",
            "price" : "499",
            "image":"toys/005.png",
            "category": "Toys" 
        }
    ]
 }

<html lang="en">
<body ng-app="productApp">
	<div ng-controller="myController" >
		<ul>
		    <li ng-repeat="p in datad">
		        {{p.name}}  {{p.price}}
		    </li>
		</ul>
    </div>
    <script src="/js/angular.min.js"></script>
    <script src="/js/angular-route.min.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/main.js"></script>
    <script src="/js/app.js"></script>
</body>
</html>

1 回复 | 直到 7 年前

Fahd Allebdi 7 年前

首先,确定数据库的url。json您可以使用相对路径,例如下面的代码。

你也需要改变

$scope.datad = response.products;

到

$scope.datad = response.data.products;

response对象包含有关http请求和结果的所有信息数据对象

最后,无需返回$scope。datat,因为产品分配给范围。

$http.get("./database.json")
.then(function(response){
    console.log(response);// print response to check.
    $scope.datad = response.data.products;
})

推荐文章

Yeenkash · 我的angular ng repeat div在浏览器中添加了注释[关闭]

7 年前

mBo · Angularjs svg图形ng在范围内重复

7 年前

Harish Kumar · angular js:单击products list build内数量增加和减少按钮的事件,ng repeat反映每个列表数量编号

7 年前

Juan I. Morales Pestana · 错误:[$注入器:unpr]rangeFilterProvider中出错

7 年前

ASP.net and angularjs · 无法从代码中看到使用AngularJS动态创建的文本框的值

7 年前

amacdonald · 如果长度>0时正确显示,但长度==0时不显示,则为ng

7 年前

user9130953 · ng repeat下拉列表,以限制多次选择相同的值

7 年前

Ro_nair · 具有Angular JS和MySql的表显示重复的中继器键

7 年前

Celia · ng模型的Angularjs动态名称

7 年前

Güney SaramalÄ± · 如果动态加载页面,则Ng repeat不起作用

7 年前