Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 值未获取-角度JS_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 值未获取-角度JS

Javascript 值未获取-角度JS,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在angular js中创建了一个应用程序,用于在html表中动态打印某些值。该表基本上有六列,其中三列(工作名称、团队名称、地名)是静态固定的,最后三列(服务一、服务二、服务三)的显示取决于可见性和顺序 代码运行良好,但问题是因为我们无法预测三个服务的顺序也是可见性,在控制器脚本中有一个服务json,其中包含有关可见性和顺序的信息(这是通过rest调用获得的,目前我已经静态编码)并根据顺序和可见性打印表中的值。代码正在运行,但未编译值 我的代码如下 index.html <!doct

我在angular js中创建了一个应用程序,用于在html表中动态打印某些值。该表基本上有六列,其中三列(工作名称、团队名称、地名)是静态固定的,最后三列(服务一、服务二、服务三)的显示取决于可见性和顺序

代码运行良好,但问题是因为我们无法预测三个服务的顺序也是可见性,在控制器脚本中有一个服务json,其中包含有关可见性和顺序的信息(这是通过rest调用获得的,目前我已经静态编码)并根据顺序和可见性打印表中的值。代码正在运行,但未编译值

我的代码如下

index.html

<!doctype html>
<html ng-app="form-example1">

<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
  <script type="text/javascript" src="script.js"></script>
</head>

<body>
  <div ng-controller="Controller">
    <table border="1">
      <thead>
        <tr>
          <th>Work Name</th>
          <th>Team Name</th>
          <th>Place Name</th>
          <th ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{servopt.servicename}}</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="val in datas">
          <td>{{val.workname}}</td>
          <td>{{val.teamname}}</td>
          <td>{{val.placename}}</td>
          <td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{servopt.serviceid}}</td>
        </tr>
      </tbody>
    </table>
  </div>

</body>

</html>

对于AngularJS,{和}}用于视图中的表达式计算

在javascript文件中,您不需要使用{{},因为您只是给对象属性赋值

正确的例子:

在控制器中

$scope.obj = {
    test: '1234'
};
在视图中

<span>{{ obj.test }}</span>
{{obj.test}

对于AngularJS,{{和}}用于视图中的表达式求值

在javascript文件中,您不需要使用{{},因为您只是给对象属性赋值

正确的例子:

在控制器中

$scope.obj = {
    test: '1234'
};
在视图中

<span>{{ obj.test }}</span>
{{obj.test}

从serviceid中删除
{{}

$scope.services = [
    {servicename: 'Service One', serviceid: 'serviceOne', display: 'block', order: 3},
    {servicename: 'Service Two', serviceid: 'serviceTwo', display: 'none', order: 2},
    {servicename: 'Service Three', serviceid: 'serviceThree', display: 'block', order: 1}
];
使用javascript括号表示法获取值:
val[servopt.serviceid]

<tr ng-repeat="val in datas">
   <td>{{val.workname}}</td>
   <td>{{val.teamname}}</td>
   <td>{{val.placename}}</td>
   <td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{val[servopt.serviceid]}}</td>
</tr>

{{val.workname}}
{{val.teamname}}
{{val.placename}}
{{val[servopt.serviceid]}

从serviceid中删除
{{}

$scope.services = [
    {servicename: 'Service One', serviceid: 'serviceOne', display: 'block', order: 3},
    {servicename: 'Service Two', serviceid: 'serviceTwo', display: 'none', order: 2},
    {servicename: 'Service Three', serviceid: 'serviceThree', display: 'block', order: 1}
];
使用javascript括号表示法获取值:
val[servopt.serviceid]

<tr ng-repeat="val in datas">
   <td>{{val.workname}}</td>
   <td>{{val.teamname}}</td>
   <td>{{val.placename}}</td>
   <td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{val[servopt.serviceid]}}</td>
</tr>

{{val.workname}}
{{val.teamname}}
{{val.placename}}
{{val[servopt.serviceid]}