草庐IT

ng-touchend

全部标签

javascript - AngularJS - img ng-src 到 base64 数据(不是 url)不工作

我正在使用openfb-angular(FacebookAPI库)获取我/图片。返回数据为“url”包含Base64数据hereisthefacebookdocumentation.这是我的代码:JSOpenFB.get('/me/picture',{format:'json'}).success(function(imgData){$scope.main.user.imageData=imgData;});HTML它不工作,我得到一个空的img标签。我的错误在哪里? 最佳答案 像这样使用ng-source指令:希望这对您有所帮助。

javascript - 使用 NG-Repeat 的 AngularJS 显示/隐藏切换

我有一个项目列表,点击它应该打开单个项目,但目前在尝试打开单个项目时它会打开所有项目并在第二次点击时关闭所有项目-有人可以告诉我哪里出了问题我的代码如下。谢谢。HTMLItem{{$index+1}}JS$scope.toggle=true;$scope.toggleFilter=function(){$scope.toggle=$scope.toggle===false?true:false;}; 最佳答案 按如下方式编辑您的代码:HTMLItem{{$index+1}}JS$scope.toggleFilter=function

javascript - AngularJs,ng-if 更改文本?

我得到了以下代码{{ownername}}OnlineBookshop输出“在线书店”如果我输入“Fred”,它会输出“FredOnlineBookshop”如果不使用jQuery并以Angular方式处理事情,我将如何更改代码以便在输入不为空时添加所有格撇号和字母s?如在线书店,当输入为空时,当输入包含“Fred”字符串时Fred的在线书店 最佳答案 请记住,范围只是您可以评估事物的地方。这正是我们能做的。?是以下形式的三元运算符:(expression)?:;并且等于:if(expression){;}else{;}修改后的代码

javascript - Angular js ng样式不起作用

Selectcolor:noneRedGreenhttp://plnkr.co/edit/IOHjEGbuOzD4CjwRqIK9?p=preview在这个plunker中,示例1工作得很好,但在示例2中选择颜色不起作用。提前致谢 最佳答案 这实际上是一个简单的修复,让myStyle更像是一个myColor类型的声明,并且在ng-style上有你的{{'color':myColor}}表达式:noneRedGreenTexttochangecolorTHIS实例中不需要ng-change函数。WorkingExample编辑、解释:

javascript - 如何使用 ng-repeat :Angularjs?

angular.jsng-repeatitemswithhtmlcontent我有很多大学、位置和密码详细信息,但我现在默认显示html内容。如何显示大学列表、位置和密码。谁能告诉我plunker中的示例使用ng-repeat指令MaturivenkatasubbaraoenggcollegeNadergul,Hyderabad,Telangana501510 最佳答案 假设您的Controller中有如下变量,即$scope.college_data=[{name:'College1',location:'Location1',p

javascript - ng-click 不会触发 javascript 全局函数

我是AngularJS的新手,我在由ng-repeat,点击事件拒绝触发。如果我使用简单的onclick,这确实有效。这有效,我看到了警报: 但这不是: 我不能用ng-click来做这个吗?还是我误解了什么是“表达式”?谢谢,迈克 最佳答案 澄清DerekR的回答。当Angular看见ng-click='alert("test")'它寻找$scope.alert这很可能是未定义的。您需要在作用域或根作用域上提供代理方法。例如:$rootScope.log=function(variable){console.lo

javascript - AngularJS - 如果包含字符串,则删除 ng-repeat 项

我一直在清理我正在使用的外部JSONURL提要,并且我已经通过过滤器成功地删除了不必要的特殊字符:angularJS.filter('removeChar',function(){returnfunction(text){text=text.replace(/\[[^\]]+\]/g,'');//CharactersinsideBracketsreturntext.replace(/\;.*/,'');//CharactersafterColon};});{{item}}但是,我现在想要实现的目标是通过我可以使用的过滤器删除包含特定字符串的ng-repeat项目。例如:{{item['

javascript - ng-bootstrap 模态未显示

我在我的应用程序中使用ng-bootstrap模态来显示对话框。但是当点击按钮时,什么也没有发生,模式没有显示。在调试时它可能会发现正在调用操作,但未显示模态。这是我的app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{TaskService}from'../app/task/task.service';import{TaskComponent}from'../app/task/task.component';import

javascript - ng-src : show a throbber before an image is loaded

我实现了一个界面,用户可以在其中通过单击按钮循环浏览一组图像。图片URL存储在一个数组中,并由angular.js动态替换:但是,对连续图像的请求往往会有点滞后,并且图像变化并不明显,因为在新图像到达之前显示之前的图像。我想用throbber(动画gif)替换图像。我如何使用Angular.js实现这一点? 最佳答案 您可以使用一个指令来做到这一点,该指令会在路径更改时用微调器替换您的图像,并在加载图像时显示图像。app.directive("mySrc",function(){return{link:function(scope,

javascript - 如何使用 angular ng-repeat 遍历 javascript Map

我正在开发一个Angualr应用程序,我们有一个Map对象(如下所示)。map对象(headerObj)的键和值来自用户作为应用的输入,varheaderObj=newMap();headerObj.set(key,value);我正在使用foreach遍历它们,如下所示,输出符合预期$scope.inputHeaders.forEach(function(headerkey,headervalue){console.log(headerkey,headervalue;});但是我必须在UI中显示这个map值,用户可以再次编辑,所以我绑定(bind)了它们{{key}}:{{value