无法识别 angularjs 指令

angularjs directive is not recognized

提问人:boomshakalak12 提问时间:1/18/2016 最后编辑:boomshakalak12 更新时间:1/19/2016 访问量:401

问:

我创建了一个angularjs指令,但在执行时无法识别它。

app.directive('someDirective', function(){
  return {
    restrict: 'AE', 
    replace: 'true', 
    transclude: 'true', 
    scope: {
      info: "="
    }, 
    templateUrl: '../info.html'
  };
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

// info.html
<div>
  <img ng-src="someimage.jpg"/>
</div>
<div ng-transclude></div>


//index.html
<ul>
<li ng-repeat="part in parts">
  <some-directive info="part">
    <div>
      <a href="someurl">click here</a>
     </div>
  </some-directive>
</li>
</ul>

也许是ng-repeat的问题? 我有一个指令,看起来就像它一样,它有效..

谢谢!

一些问题的答案: 我没有添加所有应用代码。.只有与问题相关的部分。 代码中还有其他指令的编写方式与此类似, 它们与此文件放在同一个文件中,因此路径绝对正确。 所有模板都放在同一个目录中,这个指令,所以再次 - templateUrl 是正确的。但出于某种原因,这是唯一没有显示的指令。并且控制台中没有错误。

在指令返回代码中放置断点时,它不会就此止步。就像指令根本没有被识别一样。

angularjs angularjs-ng-repeat using 指令

评论

0赞 Lacuno 1/18/2016
你确定你的 templateUrl 设置正确吗?通常 templateUrl 不是相对于指令目录,而是相对于 app 目录
0赞 Jenson M John 1/18/2016
你遇到了什么错误?
1赞 Low Flying Pelican 1/18/2016
在您的 html 文件中看不到您的 ng-app 属性,可能这就是原因
0赞 boomshakalak12 1/19/2016
我没有添加所有应用代码。.我有另一个指令,其设置方式完全相同,模板与此指令位于同一目录中。但出于某种原因,这是唯一没有显示的指令。并且控制台中没有错误。
0赞 RIYAJ KHAN 1/19/2016
首先检查ng-repeat=“part in parts”,是否有任何可用的数据

答: 暂无答案