Html 无法在JSFIDLE上获取数据_Html_Angularjs_Jsfiddle

Html 无法在JSFIDLE上获取数据

html angularjs

Html 无法在JSFIDLE上获取数据,html,angularjs,jsfiddle,Html,Angularjs,Jsfiddle,为什么下面的代码不将js中的数据提取到html文件中 HTML代码 <head ng-app="myApp"> <p1> mobile client </p1> <li> <p2>Mobile Client mangement</p2> <t>Edit Client</t></li> </head> <body ng-controller=

为什么下面的代码不将js中的数据提取到html文件中

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>

在真正阅读您的代码之前，我发表了评论。。为什么你的

标签里有东西？？Head用于meta、脚本、样式或标题，而不是

元素等

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

请阅读初学者的Angular JS教程，了解其结构。因为您正在head部分使用ng app指令

其次，您可以参考这个简单的js小提琴来理解它。

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>

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

尝试将

$scope.forms

更改为

{“fild1”：“客户名称”，“fild2”：“国家编号”}我把它添加到我的小提琴中，但仍然不工作，当你看到所有东西都写得很好时，很难知道问题出在哪里，你有单独的小提琴中的工作代码吗？你的小提琴不工作的原因是javascript在错误的时间加载。转到javascript设置，将其更改为无换行，而不是onload。我曾经这样做过，但似乎JSFIDLE已经更新，并且省略了此功能，我不知道他们为什么会这样做，如果单击cYou可以在那里更改加载类型。不知道他们什么时候或者为什么改变了它，但是第一次发现它是很难的；）
<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>

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