Javascript ng视图没有从href获取数据？

我用AngularJS尝试了一个产品页面。这是我第一次使用AngularJS创建页面

当我单击添加到购物车页面时，

ng视图

不起作用。它没有显示任何响应

我通过所有教程验证了代码。这似乎是正确的

谁能告诉我做错了什么吗

下面我提到了代码。抱歉，无法将代码放入JSFIDLE。它不绑定正常日期

代码：

var-app=angular.module（“myApp”，“ngRoute]”）；
app.config（函数（$routeProvider，$locationProvider）{
$routeProvider
。当（“/红色”{
templateUrl:'dashboard.html'，
控制器：“myCtrl”，
})
。当（“/绿色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/黄色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/黑色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/灰色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/蓝色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
});
//配置html5使链接在JSFIDLE上工作
$locationProvider.html5模式({
启用：对，
requireBase:错误
});
});
app.controller（“myCtrl”，函数（$scope）{
$scope.records=[{
“姓名”：“阿尔弗雷德·富特基斯特”，
“国家”：“德国”，
“美元”：“21.00美元”，
“URL”：“红色”
}, {
“姓名”：“Berglunds snabbköp”，
“国家”：“瑞典”，
“美元”：“21.00美元”，
“URL”：“绿色”
}, {
“名称”：“商业中心Moctezuma”，
“国家”：“墨西哥”，
“美元”：“21.00美元”，
“URL”：“黄色”
}, {
“名称”：“恩斯特·汉德尔”，
“国家”：“奥地利”，
“美元”：“21.00美元”，
“URL”：“黑色”
}, {
“名称”：“恩斯特朱比利”，
“国家”：“加拿大”，
“美元”：“21.00美元”，
“URL”：“灰色”
}, {
“名称”：“Idris_09090”，
“国家”：“印度”，
“美元”：“$43.00”，
“URL”：“蓝色”
}]
});
li.list-group-item{
位置：相对位置；
显示：内联块；
边缘底部：-1px；
背景色：#D38585；
边框：1px实心#ddd；
宽度：25%；
高度：210px；
}

水产品
{{x.Name}

{{x.Country}

{{x.Dollar}}
将
href
更改为
ng href

<a class="btn btn-success" href ng-href="#{{x.URL}}">Add to cart</a>

将
href
更改为
ng href

<a class="btn btn-success" href ng-href="#{{x.URL}}">Add to cart</a>

你能试试这个吗，我无法判断你的应用程序是否正在加载，但你的href问题将由此得到解决


var-app=angular.module（“myApp”，“ngRoute]”）；
app.config（函数（$routeProvider，$locationProvider）{
$routeProvider
。当（“/红色”{
templateUrl:'dashboard.html'，
控制器：“myCtrl”，
})
。当（“/绿色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/黄色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/黑色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/灰色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
})
。当（“/蓝色”{
templateUrl:'custom_directions.html'，
控制器：“myCtrl”
});
//配置html5使链接在JSFIDLE上工作
$locationProvider.html5模式({
启用：对，
requireBase:错误
});
});
app.controller（“myCtrl”，函数（$scope）{
$scope.records=[{
“姓名”：“阿尔弗雷德·富特基斯特”，
“国家”：“德国”，
“美元”：“21.00美元”，
“URL”：“红色”
}, {
“姓名”：“Berglunds snabbköp”，
“国家”：“瑞典”，
“美元”：“21.00美元”，
“URL”：“绿色”
}, {
“名称”：“商业中心Moctezuma”，
“国家”：“墨西哥”，
“美元”：“21.00美元”，
“URL”：“黄色”
}, {
“名称”：“恩斯特·汉德尔”，
“国家”：“奥地利”，
“美元”：“21.00美元”，
“URL”：“黑色”
}, {
“名称”：“恩斯特朱比利”，
“国家”：“加拿大”，
“美元”：“21.00美元”，
“URL”：“灰色”
}, {
“名称”：“Idris_09090”，
“国家”：“印度”，
“美元”：“$43.00”，
“URL”：“蓝色”
}]
});
li.list-group-item{
位置：相对位置；
显示：内联块；
边缘底部：-1px；
背景色：#D38585；
边框：1px实心#ddd；
宽度：25%；
高度：210px；
}

水产品
{{x.Name}

{{x.Country}

{{x.Dollar}}
你能试试这个吗，我无法判断你的应用程序是否正在加载，但你的href问题将由此得到解决


var-app=angular.module（“myApp”，“ngRoute]”）；
app.config（函数（$routeProvider，$locationProvider）{
$routeProvider
。当（“/红色”{
templateUrl:'dashboard.html'，
控制器：“myCtrl”，
})
。当（“/绿色”{
templateUrl:'custom_directions.html'，