JS

Question

我正在尝试集成Xeditable表。但是，当我编写类似于下面的内容时，它不会延迟任何值。

JS代码

app.controller('XeditableCtrl', ['$scope', '$filter', '$http','editableOptions','editableThemes', 
  function($scope, $filter, $http,editableOptions,editableThemes){
    editableThemes.bs3.inputClass = 'input-sm';
    editableThemes.bs3.buttonsClass = 'btn-sm';
    editableOptions.theme = 'bs3';
    $scope.test = 'janan';
  }]);

HTML代码

<div class="wrapper-md" ng-controller="XeditableCtrl">
  <h4>Test Value is </h4>
 {{ test }}      
</div>

Answer 1

在达到$ sscope.test =＆＃39; janan＆＃39;之前似乎发生了一些错误。我通过删除editableoption和editablethemes代码尝试了你的例子，它运行良好。

app.controller('XeditableCtrl', ['$scope', '$filter', '$http', 
  function($scope, $filter, $http,){
    $scope.test = 'janan';
  }]);

使用inspect元素的控制台选项卡检查发生的错误。希望这会有所帮助。

Answer 2

她的工作示例：http://plnkr.co/edit/Sez91V5vsWVhCEPl7rBk?p=preview

我删除了'editableOptions'，'editableThemes'的依赖项，因为我没有其他代码。

JS

angular.module('ngAppListDemo', []).
controller('XeditableCtrl', ['$scope', '$filter', '$http', 
  function($scope, $filter, $http){
    //editableThemes.bs3.inputClass = 'input-sm';
    //editableThemes.bs3.buttonsClass = 'btn-sm';
    //editableOptions.theme = 'bs3';
    $scope.test = 'janan';
  }]);

HTML

  <!doctype html>
<html ng-app="ngAppListDemo">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>


<div class="wrapper-md" ng-controller="XeditableCtrl">
  <h4>Test Value is </h4>
 {{ test }}      
</div>

  </body>
</html>

Angularjs值不显示

2 个答案:

JS

HTML