2016-09-27 4 views
0

私は、角度を使用してページを設定しようとしていますが、サーバーから受信したjsonを表示する際に問題が発生しています。私は私のコントローラを持って終了時の角度使用れるでコンテンツの中括弧はレンダリングされていません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> 

これはコードです。

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

そして、私は、問題はそれがカッコを評価しないということであることをconsluded This is the logged json

JSONを示しているが、私は堪能ではありませんよ主に学ぶためにこれをやっているので、十分に教えてください。

+0

あなたは我々がこれをテストすることができますJSONのサンプルを提供することができますか? – charlietfl

+0

あなたはどのブラウザを使用していますか? 'A {{" Thing "}}"が実際にあなたのコントローラのコードに問題ではないことを意味することはできません。 –

+0

htmlのレンダリング時に何が表示されますか? – defaultcheckbox

答えて

0

私はそれを稼働させることができました(下記またはplunkrを参照)、どの角度の角度を使用していますか?ここで

はここで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> 

はコントローラであり、私はデータを嘲笑しました。ここで

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

関連する問題