我的json文件没有在angular js中加载？

我有一个angular js的基本项目，其中包含以下文件

index.html

 <div class="portfolio" ng-controller="portfolio-controller">
                <h3>Latest Works</h3>
                            <div class="col-md-6" ng-repeat="prt in portlist">
                                <div class="box-portfolio">
                                        <div class="ps">
                                            <div class="lp"><a href="#/{{ prt.id }}"><i class="fa fa-chevron-down"></i></a></div>
                                        </div>
                                        <div class="box-descrip">
                                                <h4>{{prt.title}}</h4>
                                                <p>{{ prt.id }}</p>
                                                <p>{{prt.descrip}}</p>
                                        </div>
                                    <div class="back-sw"></div>                                       
                                    <img ng-src="images/misc/{{prt.img}}" alt="">
                                </div>
                            </div>
                     </div>

portfolio.json--

]

问题是angular没有在index.html中加载json文件， 但是使用controller.js中的代码可以很好地工作

可选代码

     AppStart.controller( 'portfolio-controller', ['$scope', function($scope){

   $scope.portlist = [
        { id: "project_1", title: "project1", img: "work1.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" },
        { id: "project_2", title: "project2", img: "work2.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" },
        { id: "project_3", title: "project3", img: "work3.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" },
        { id: "project_4", title: "project4", img: "work4.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" },
        { id: "project_5", title: "project5", img: "work5.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" },
        { id: "project_6", title: "project6", img: "work6.jpg", descrip: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam earu" }

    ]

}] )

---

我不知道发生了什么，我使用了yeoman和gruntjs

您在$http调用中拼错了文件名：

$http.get('app/ortfolio.json').success(function(data) {

应该是：

$http.get('app/portfolio.json').success(function(data) {

---

如果这只是您问题中的一个输入错误，请修改您的问题并提供任何控制台日志消息/错误的输出，同时确认您在Chrome/Firefox/等的网络选项卡中看到请求。

看起来您有输入错误<代码>$http.get（'app/ortfolio.json'）这应该是portfolio.json吗？使用错误处理程序帮助确定问题。。。。。在浏览器控制台的“网络”选项卡中查看该请求的路径这是我的错误，但仍然没有加载包含上述请求的阵列的文件，请提供您在控制台和网络日志中看到的内容。有人提出要求吗？是否收到预期的响应？另外，我要指出这一点，但角度标准是控制器名称的适当大小写，如PortfolioController。Angular对于Javascript大小写和带破折号的HTML单词之间的转换有非常特殊的规则。无论是不是问题，您都应该按照标准进行更改。我更改了控制器的名称，但仍然没有在视图中显示任何内容，我更改了控制器的名称，以及其中包含json的名称文件夹，但仍然没有在视图中显示任何内容，但是，在元素检查器中加载了文件，放置

console.log（数据），以验证它是否被触发，以及
数据是否包含您期望的内容。很常见的情况是，您实际上需要类似于
data.data
的内容，或者某个意外问题引发了错误，即使响应看起来是正确的。
$http.get('app/ortfolio.json').success(function(data) {

$http.get('app/portfolio.json').success(function(data) {