2016-09-27 208 views
0

我试着设置一个页面使用角度,我有问题显示json我从服务器收到。内容beween大括号不呈现Angularjs

这是代码:

HTML

<body ng-app="App"> 
<nav class="navbar navbar-dark bg-inverse navbar-fixed-top"> 
    <ul class="nav navbar-nav"> 
     <li class="nav-item"> 
      <a class="nav-link" href="#">Inicio</a> 
     </li> 
     <li class="nav-item btn-group"> 
      <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
      Asignaturas 
      </a> 
      <div class="dropdown-menu"> 
       <a class="dropdown-item" href="#"></a> 
       <a class="dropdown-item" href="#"></a> 
       <a class="dropdown-item" href="#"></a> 
      </div> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link" href="#"></a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link" href="#"></a> 
     </li> 
    </ul> 
</nav> 
<main class="container"> 
    <div ng-controller="cnt-asignaturas"> 
     <div ng-repeat="asignatura in asignaturas"> 
      <p>A {{"Thing"}}</p> 
      <p>{{asignatura.nombre_asignatura}}</p> 
     </div> 
    </div> 
</main> 

上,我使用的角度仅在端部,其中i有控制器。

var App = angular.module("App",[]); 
App.controller("cnt-asignaturas", ["$scope", "$http", function(s,h){ 
var url = "controladores/getSubjects.php"; 
s.asignaturas = []; 
h.get(url) 
.success(function(data){ 
    s.asignaturas = data; 
    console.log(data); 
}).error(function(error){}); 
}]); 

这表明该 It shows this

并且json This is the logged json

我consluded的问题是,它不评估牙套,但我不精通足以说明,因为我主要是为了学习而这样做。

+0

,能满足我们可以测试这个JSON的样本? – charlietfl

+0

您正在使用哪种浏览器?无法看到'A {{“Thing”}}'意味着它可能不是真正的控制器代码问题。 –

+0

当HTML呈现时你看到了什么? – defaultcheckbox

回答

0

我能够得到它的工作(见下文或在PLUNK中),你使用什么版本的角?

下面是HTML

<head> 
    <link data-require="[email protected]" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
    <link data-require="[email protected]" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.5/cosmo/bootstrap.min.css" /> 
    <link data-require="[email protected]" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /> 
    <script data-require="[email protected]" data-semver="3.3.5" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script data-require="[email protected]" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
</head> 

<body ng-app="App"> 
<main class="container" > 
    <div ng-controller="cnt-asignaturas"> 
     <div ng-repeat="asignatura in asignaturas"> 
      <p>A {{"Thing"}}</p> 
      <p>{{asignatura.nombre_asignatura}}</p> 
     </div> 
    </div> 
</main> 
</body> 
</html> 

这里是控制器,I嘲笑的数据。

var App = angular.module("App",[]); 
App.controller("cnt-asignaturas", ["$scope", "$http", function($scope,$http){ 
    $scope.hello = "hello world"; 
$scope.asignaturas = [{nombre_asignatura: "data 1"},{nombre_asignatura: "data 2"},{nombre_asignatura: "data 3"},{nombre_asignatura: "data 4"}]; 
}]); 

这里是一个链接:http://plnkr.co/edit/O1u3RGIFMP0t87qwTDLh?p=preview

+0

今天早上我没有改变任何东西。也许这是浏览器的行为有趣 – Nemuri