- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我曾尝试在这里查看其他 $rootScope:infdig 问题,但找不到真正向我解释清楚或我理解的问题。与 AngularJs 文档相同。我希望有人能提供帮助。
我在 $scope 上创建了一个函数,它接受一个参数并调用一个 api GET 请求并返回一个只有“id”和“name”的 json 对象。然后,此函数将对象的名称返回给调用它的指令。
该函数从指令中调用,但一旦执行,它就会陷入每秒一百个这样的“rootScope:infdig”错误中。该指令也从不呈现返回的“名称”的文本。我知道 http 调用有效,因为之后我在控制台中记录了“名称”。
这是我的 Controller :
owlyfm.controller('landingPageController', [ "$scope", "$log", "$http", "$location", "apiUrlsService", function ($scope, $log, $http, $location, apiUrlsService) {
$http.get("https://api.backand.com:443/1/objects/Albums?pageSize=3&pageNumber=1&deep=true&relatedObjects=true")
.success( function(result){
$scope.featuredAlbums = result.data;
//$log.info($scope.featuredAlbums);
})
.error( function(data, status){
$log.error(data);
});
$scope.getAlbumArtist = function(artistId){
$http.get("https://api.backand.com:443/1/objects/Artists/" + artistId)
.success(function(result){
var artistsName = result.name;
$log.info(artistsName);
return artistsName;
});
}
}]);
这是我创建指令的地方:
owlyfm.directive("featuredAlbum", function(){
return{
restrict: 'E',
templateUrl: 'directives/featuredAlbum.html',
scope: {
albumObject: "=",
getAlbumArtistFunction: "&"
}
}
});
这里是我在 View 中调用指令的地方
<div class="row fluid-container" >
<featured-album ng-repeat="featuredAlbum in featuredAlbums" album-object="featuredAlbum" get-album-artist-function="getAlbumArtist(album)" class="col-md-4" ></featured-album>
</div>
这是指令本身:
<div class="featuedAlbum">
<div>
<img class="img-responsive" ng-src=" {{albumObject.albumArtUrl}} "/>
</div>
<h4>{{ albumObject.name }}</h4>
<h5>{{ getAlbumArtistFunction( { album: albumObject.Artists } ) }}</h5>
<h6>{{ albumObject.releaseDate }}</h6>
</div>
总而言之,我正在做的是调用 api 来获取专辑对象,(顺便说一句,我正在使用“Backand”)一旦我得到这个专辑对象,我就会渲染 <img>
和 <h>
带有我收到的数据的标签。一切正常。
专辑对象具有 ID、名称、日期、imgUrl 和“艺术家”(这只是艺术家的 ID)。然后我使用这个“艺术家”ID 进行另一个调用以获取与其关联的实际艺术家对象。这就是问题所在。
导致错误循环的是对艺术家对象的 http 调用。尽管我可以在日志中看到它正在获取艺术家的 json 对象,但它不会将其发送到指令。
我读到过将 ng-repeat 与指令中的函数一起使用时会出现问题。但是,我不太完全理解为什么以及如何将它应用在这里,也不知道我将如何更改它来实现我想要实现的目标。这里的所有其他问题都超出了我的理解范围。
如果有人能帮助我,我将不胜感激。
最佳答案
正如评论中所说,调用一个将从服务器内部 View 中获取数据的函数不是一个好主意,因为它会调用多次,而您只需要调用一次。
您可以添加将在“featuredAlbum”构造函数中设置的“artistName”属性。
owlyfm.controller('featuredAlbumController', [ "$scope","$http",function ($scope, $http) {
$http.get("<a href="https://api.backand.com:443/1/objects/Artists/" rel="noreferrer noopener nofollow">https://api.backand.com:443/1/objects/Artists/</a>" + $scope.artistId)
.success(function(result){
$scope.artistName = result.name;
});
}]);
因此,$http 只会在 Controller 第一次运行时被调用一次。
关于javascript - 调用 $scope 函数的自定义指令导致 $rootScope :infdig,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34714129/
我在这里有我的 javascript 代码: define(['controllers/controllers', 'services/alerts'], function(module) {
的意义是什么scope = scope-token *( SP scope-token ) scope-token = 1*( %x21 / %x23-5B / %x5D-7E ) 在 RFC6749
我是 AngularJS 的新手。我试图找出这两个 Controller 定义之间的区别: app.controller('simpleController', ['$scope', function
似乎所有 Guice 的开箱即用 Scope 实现本质上都是基于线程的(或完全忽略线程): Scopes.SINGLETON和 Scopes.NO_SCOPE忽略线程并且是边缘情况:全局范围和无范围。
如果这个问题涉及的是一个常见问题,我很抱歉,但我发现这个问题非常抽象,并且无法真正为其构建一个好的 Google 搜索词。 我试图理解并找到 Maven 中提供的依赖项的用例。我的想法是这样的: 假设
假设我有以下 Controller angular.module('scopeExample', []) .controller('MyController', ['$scope', func
当前在TmThemeEditor上注册的243种配色方案中, 我注意到几乎没有人使用范围选择器运算符。 对于以下情况,运算符非常有用: (text.html | text.xml) & (meta.t
我有一些行为不符合预期的代码......我在 AngularJS Controller 中有一个事件监听器,如下所示: $scope.$on("newClipSelected", function(e
首先,如果帖子太长,我深表歉意。另外,为了以防万一这会以某种方式干扰您可能给我的答案,我不会以通常的方式定义我的 Controller 。相反,我关注http://www.technofattie.c
我有一个模式,其中许多项目类型都是“可编辑的”。这意味着我有很多模板(每种可编辑项目类型一个),这些模板期望具有唯一的字段,但具有通用功能(编辑、保存、取消编辑、删除等)。这些常见功能导致 Contr
$evalAsync 和 $applyAsync 之间有什么区别?我的理解是,当我从指令中使用 $evalAsync 时,表达式将在浏览器呈现之前进行计算。 举个例子,如果我想滚动到页面上的特定位置但
我试图为一个 $scope 变量提供另一个 $scope 变量的值。有人能告诉我出了什么问题吗?查看简单的 plunker 了解详细信息: http://plnkr.co/edit/TlKnd2fM5
我有以下一段 Angular 代码 $scope.prepare = function(){ $scope.elems = [1,2,3]; }; $scope.action = functio
我正在关注 Angularjs 的官方教程,但我陷入了第 2 步。 这是一个片段,我不明白 $scope:scope 的含义, describe('PhoneListCtrl', function()
根据文档, Global: Component is shared among all users. Session: Separate instances of the component are
显示作用域变量,类似于 Angularjs 中的 ng-repeat 元素 这些是我的范围变量 $scope.published = true; $scope.count = 3; 我还有一个名为 l
我是 Angular 的新手,我想在普通的 javascript 中做一些非常简单的事情,但我无法找到如何在 Angular 中正确地做到这一点! 我想设置一个通用函数来清除输入文本字段: 我有这个
在article中发现了这样一个idea : Notice how the value function takes the scope as parameter (without the $ in
注释部分将位于 $scope.$on 下。我需要将 options 返回到我保存 $scope.$emit 的地方。请帮助!!! if (gridConfig.Batch) {
我有一个带有 2 个作用域的 Controller : app.controller('search', function($scope) { $scope.value1 = '';
我是一名优秀的程序员,十分优秀!