угловые данные не отображаются на jsfiddle

-1

Почему ниже код не извлекает данные из js в html-файл?угловые данные не отображаются на jsfiddle

https://jsfiddle.net/SaifHarbia/g64jxt4u/4/

HTML код

<head ng-app="myApp"> 
    <p1> 
    mobile client 
    </p1> 
    <li> <p2>Mobile Client mangement</p2> 
    <t>Edit Client</t></li> 

    </head> 
    <body ng-controller="mobilCtrl"> 
    <form > 
    <table> 
    <tr> 
    <td>{{forms.fild1}}</td> 
    <td></td> 
    <td>{{forms.fild2}}</td> 
    <td></td> 
    </tr> 
    </table> 
    </form> 

    </body>

JS код

var app = angular.module("myApp", []); 

app.controller('mobilCtrl', [ function($scope) { 


    $scope.forms = 
    [ 
     "fild1" : "customer name", 
     "fild2" :"national number" 
    ]; 


}]);

источник

2015-12-30 Sam Joni

попробуйте изменить '$ scope.forms' в' { "fild1": "Имя клиента", " fild2 ":" национальный номер " };' – ThomasS

Я заметил, прежде чем на самом деле читать ваш код .. Почему вещи внутри вашего <head> теги ?? Голова для мета, скриптов, стилей или названия не для <li> элементов и т. Д.!

Изменить HTML на это:

<body ng-app="myApp" ng-controller="mobilCtrl"> 
    <p>mobile client</p> 

    <p>Mobile Client mangement</p>Edit Client 

    <form> 
     <table> 
      <tr ng-repeat="mobile in forms"> 
       <td>{{mobile.fild1}}</td> 

       <td></td> 

       <td>{{mobile.fild2}}</td> 

       <td></td> 
      </tr> 
     </table> 
    </form> 
</body>

ваш Javascript должен выглядеть следующим образом:

var app = angular.module("myApp", []); 

app.controller('mobilCtrl', function($scope) { 

    $scope.forms = [{ 

     "fild1" : "customer name", 
     "fild2" :"national number" 


    }]; 
});

источник

2015-12-30 11:35:21 ThomasS

обновил javascript и html. это работает для меня ... – ThomasS

Я добавил, что для своей скрипки, но все еще не работает, трудно понять, где проблема, когда вы видите все хорошо написанное, у вас есть рабочий код в отдельной скрипке? –

Причина, по которой ваша скрипка не работает, заключается в том, что javascript загружен в неподходящее время. Перейдите в настройки javascript и измените его на 'no wrap - in ' вместо onload. – ThomasS

Перейди через Угловое JS учебники новичка, чтобы понять его структуру. Потому что вы используете директиву ng-app в разделе главы.

Во-вторых, вы можете обратиться к этой простой угловой js скрипке, чтобы понять ее. AngularJS Simple Example - JSFiddle

HTML:

<div ng-app ng-controller="LoginController"> 
    <div>Hello {{ user.firstName }}</div> 
    <input ng-model="user.firstName"></input> 
    <input type="submit" ng-click="login()" value="Login"></input> 
    <div ng-repeat="login in logins">{{ login }}</div> 
</div>

JS:

function LoginController($scope) { 
    $scope.user = { 
     firstName: "Foo", 
     lastName: "Bar" 
    }; 
    $scope.logins = []; 
    $scope.login = function() { 
     $scope.logins.push($scope.user.firstName + " was logged in."); 
    }; 
}

источник

2015-12-30 11:35:31

угловые данные не отображаются на jsfiddle

ответ

Смежные вопросы