Question

我正在尝试创建自己的指令，必须获取参数：requests和currentUser。

请求参数成功传递给ditective，但currentUser不是。

currentUser在$ rootScope中的app.run中是不确定的。

我必须注意，可以在'dashboard.html'

中访问currentUser

代码是这样的：

指令：

app.directive('requestsTableForBuyer', function() {
  return {
    'restrict': 'AE',
    'templateUrl': '../directives/requestsTables/requestsTableForBuyer.html',
    'scope': {
      requests: "=",
      currentUser: "="
    },
    'controller': function($scope, $timeout, toaster) {
      console.log($scope.currentUser);
    }
});

app.run：

app.run(function($rootScope) {
  $rootScope.currentUser = "ori";
});

dashboard.html（只是相关部分）：

<requests-table-for-buyer requests="requests" currentUser="currentUser"></requests-table-for-buyer>

可能是什么问题以及如何修复它？

Answer 1

可能是不使用正确绑定的问题，而且HTML中的currentUser元素也是错误的。它应该在下面。

Maximum upload size exceeded; nested exception is java.lang.IllegalStateException: org.apache.tomcat.util.http.fileupload.FileUploadBase$SizeLimitExceededException: the request was rejected because its size (21112803) exceeds the configured maximum (10485760)

更改下面的范围绑定

<requests-table-for-buyer requests="requests" current-user="currentUser"></requests-table-for-buyer>

Answer 2

这是因为你指的是驼峰，它应该是html中的蛇形：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <form class="form-inline my-2 my-lg-0">
      <button class="btn btn-primary my-2 my-sm-0" type="button">Résumé</button>
      <button id="add" class="btn btn-primary my-2 my-sm-0" type="button">Ajouter</button>
      <button class="btn btn-primary my-2 my-sm-0" type="button">Aide</button>
      <button class="btn btn-primary my-2 my-sm-0" type="button">A propos</button>
    </form>
  </div>
</nav>
<ul id="products">

</ul>

喜欢这样。

Answer 3

更改您的HTML代码，如下所示，它一定会有效

<requests-table-for-buyer requests="requests" current-user="currentUser"></requests-table-for-buyer>

因为在角度指令输入中将Camel-case视为破折号表示

无法将第二个变量传递给isoloated范围AngularJS

3 个答案: