草庐IT

ng2-dragula

全部标签

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

javascript - 如何将ng-bind-html与双向数据绑定(bind)一起使用?

我现在正在做一个简单的编辑器,用角度。主文本框只是一个div,contentEditable设置为true,ngbindhtml属性如下:HTMLcontenthere使用正确的标记和页面加载来正确设置和呈现该值。但由于它只以一种方式绑定,我的数据或模型在编辑时不会更新。我试过一些contentEditabledirectivs,但大多数都需要ng模型,但如果我添加了html标记,则不会呈现并转换为符号。在div的内容被更改之后,我应该如何更新我的数据,并保持html标记等格式正确?编辑:暂时使用这个临时的“修复”,但是我想要更健壮的东西。$scope.saveHTML=functio

javascript - 使用 Angular js 更新 ng-repeat 中的数据

我在将数据更新到数据库时遇到问题。例如:在我的表中包含特定id的三行。因此,当编辑通过ng-repeat显示内容时。查看CIControllerpublicfunctionupdatePurchaseDetails(){$po_id=$this->uri->segment(4);$data=file_get_contents('php://input');$this->model->update_purchase_data($data,$data['count']);}型号publicfunctionupdate_purchase_data($data,$count){$count=$

javascript - 一次又一次地使用 ng-repeat 可以吗?

我正在用AngularJS构建一个应用程序,我有一个非常复杂的JSON文件,其中有很多子数组和对象。所以我的问题是:为了从JSON访问数据,可以一次又一次地使用ng-repeat吗?{{grandChild.name}}-----或者AngularJS中有一些循环方法可用-----或者我们必须使用旧的JavaScriptfor循环示例数据{"data":{"categories":{"articles":{"bdh":[{"id":1,"name":"bdharticle1","body":"thisisbdharticle1body."},{"id":2,"name":"bdhart