草庐IT

angularjs-ng-show

全部标签

javascript - 如何在 AngularJS 中访问在 promise 中声明的变量

我是AngularJS的新手,我需要访问在Javascript中分配的变量this.reqData=this.profileService.getData();varresp1=angular.fromJson(this.reqData);this.data1;varthat=this;resp1.$promise.then(function(data){that.data1=data.resource.resource;}).catch(function(error){console.log(error);});console.log(this.data1);变量data1可以从HT

javascript - 在 AngularJS 指令上需要 :ngModel vs. 范围:{ ngModel: '=' }

嗨,哪个更好?有什么区别?有什么优点和缺点?这是两者的对比代码:范围:{ngModel:'='}app=angular.module('app',[]);app.directive('input',function(){return{scope:{ngModel:'='},link:function(scope,element,attrs){scope.$watch('ngModel',function(value){console.log(value);})}}});要求:'ngModel',app=angular.module('app',[]);app.directive('in

javascript - 实现多个过滤器 AngularJS 的最佳方法是什么?

我有多个过滤器在ng-repeat上运行良好。但是,代码似乎不必要地长以实际操作一组过滤器,我想知道是否有更好的方法。这是一个示例过滤器-这一点我可以接受(除非有人有任何建议)-它们都遵循类似的结构:app.js.filter('taskClient',function(){returnfunction(items,clientId){if(!clientId){returnitems;}varfiltered=[];angular.forEach(items,function(item){if(item.client){if(item.client.id===clientId){fi

javascript - 无法关闭 ng-bootstrap 模式

所以我有一个NgbModal,里面有一个表单,我想要实现的是在成功提交时关闭它。这是我的模态组件:@Component({selector:'create-update-transaction',templateUrl:'./CreateOrUpdateTransaction.html',providers:[AccountTransactionsService]})exportclassCreateOrUpdateTransactionComponent{closeResult:string;modalRef:NgbModalRef;@Input()transaction:Trans

javascript - Vue.js 在列表中显示 v-show

我相信这对你们来说会非常容易。我试图制作一个简单的帖子列表,帖子标题始终可见,当您单击列表中的特定帖子时,您会看到帖子的正文。我为此使用了v-show。但是,当我单击特定帖子时,会显示所有帖子的正文,而不仅仅是我单击的那个。这是模板:MyPosts{{post.title}}{{post.body}}ID:{{post.userId}}逻辑:exportdefault{data(){return{msg:'hellovue',list:[],show:false}},ready(){this.fetchPostList();},methods:{fetchPostList:functi

javascript - Jquery .show() 并显示 :inline

你好,我正在使用这个jquery代码onclick="jQuery('.hidden').show()"显示标记为.hidden的类这就是类的样子:.hidden{display:none}问题是当它显示它的类时display:block;我希望它显示为display:inline;这样它与前面的文本在同一行。任何帮助将不胜感激我已经疯了我用谷歌搜索了几乎所有与之相关的东西,但没有任何东西引导我走上正确的道路。 最佳答案 您可以向元素附加一个明确的css属性:onclick="jQuery('.hidden').css('displ

javascript - 具有固定最小值 : show minimum range, 的 jQuery UI Slider 不是最小绝对值?

我使用的是固定最小值为20的jQueryslider,如describedinthedocs.然而,这并不是我所需要的。我希望slider的可视范围为0-100,但绝不允许用户将slider移动到小于20。换句话说,slider的句柄不应该一直到slider的左侧(就像现在一样),但应该显示0-20的范围。这里是aJSFiddletoshowwhatImean,这是当前代码:$("#range-slider").slider({range:"min",min:20,max:100,value:20,step:20,});有什么想法吗? 最佳答案

javascript - AngularJS 推送到 $resource 查询检索到的数组并保存

检查下面的代码。问题在评论中。angular.module('MainStreetMower.services',['ngResource']).factory('Videos',function($resource){return$resource('/api/jobs/1/');});functionVideoListCtrl($scope,Videos){$scope.videos=Videos.query();$scope.what=function(){//properwaytopushtothevideosarrayand$save()thenewarray.}}

javascript - angular ng-class对点击没有反应

我正在尝试使用ng-class并将一个类绑定(bind)到一个表达式,这样我就可以对表达式绑定(bind)进行单元测试。但是,我似乎遗漏了什么。按钮:addinterface应该折叠和展开的面板:被触发的函数$scope.onAddInterface=function(){$scope.showCreateNewInterfacePanel=true;}无论如何点击链接没有任何反应。我错过了什么吗? 最佳答案 我不确定这是否是您真正定义$scope.onAddInterface函数的方式,或者它是否只是一个示例...不过您应该这样做

javascript - AngularJS 流沙

有没有办法实现jQuery的Quicksandplugin在Angular?也许有一个实现,但我似乎找不到。也许这样做的策略会对我有所帮助,因为流沙需要一个列表,然后将新列表作为参数接收,但是使用Angular重新呈现数据的方式我不知道该怎么做。 最佳答案 我使用masonry指令+ng-animate为进入/离开动画实现了类似的东西,这里是一个CSS动画演示(带有chromevendor前缀CSS):http://jsfiddle.net/g/3SH7a/指令:angular.module('app',[]).directive(