我的json文件不加载角js？

-1

的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>

controler.js -

var AppStart = angular.module('apps', ['ngRoute']) 
AppStart.controller('portfolio-controller', function ($scope, $http){ 
      $http.get('app/portfolio.json').success(function(data) { 
      $scope.portlist = data; 
      }); 
     });

portfolio.json -

[ 
     { 
      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" 
     }

]

问题比角度不加载JSON文件中的index.html，但与此代码在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" } 

    ] 

}])

我不知道发生了什么，我使用的自耕农和gruntjs

来源

2014-12-06 Juan_mejia

看起来像你有一个错字？ '$ http.get（'app/ortfolio.json'）'这应该是** portfolio.json **？ – kaveman 2014-12-06 03:49:44

使用错误处理程序来帮助确定问题.....并查看请求在浏览器控制台的网络选项卡中进行的路径 – charlietfl 2014-12-06 05:03:59

您已在$ HTTP调用拼错了文件的名称：

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

应该是：

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

如果这只是你的问题中一个错字，请修改你的问题，并提供任何控制台输出日志消息/错误，而且能确认你看到你的网络被提出的要求Chrome/Firefox /等标签。

来源

2014-12-06 03:57:58

这是我的错误但是STILL不会将数组加载到文件 – 2014-12-06 04:09:31

按照上面的要求，请提供深入了解您在控制台和网络日志中看到的内容。请求是否被提出？是否收到预期的响应？此外，只需指出这一点，但Angular标准是控制器名称的正确套管，就像PortfolioController中一样。 Angular在翻译Javascript框架和HTML文字时使用了非常特别的规则。不管是不是问题，你都应该改变这个标准。 – 2014-12-07 00:10:16

我更改了控制器的名称，但仍然没有在视图中显示任何东西， – 2014-12-07 22:46:41

我的json文件不加载角js？

回答

相关问题