草庐IT

data-ng-animate

全部标签

javascript - ng-class 中的表达式

我有一个非常简单的Angular应用程序,我正在尝试结合使用ng-repeat和ng-class来重复模板,并根据被绑定(bind)数据的属性之一将不同的类应用于外部div.这在我使用一个简单的...时有效ng-class="message.type"...但不幸的是,我需要将一个字符串连接到消息类型的开头。我试图在这里创建一个JSfiddle...http://jsfiddle.net/XuYGN/5/...但这也是我第一次尝试制作JSfiddle,我一定是做错了什么,因为Angular的东西似乎没有运行。不过,它确实显示了我试图用表达式做什么。我们将不胜感激任何帮助。

javascript - AngularJS - 将 ng-model 绑定(bind)到一个名称存储在另一个变量中的变量

我正在尝试将输入字段的值绑定(bind)到一个变量。我不知道这个变量的名称​​apriori;它存储在另一个变量中。这是html:这是Controller:functionstageController($scope){$scope.model='realModel';//containsthenameofthevariablethatiwouldbindtothefield$scope.realModel='initialvalueofthefield';}我也做了一个fiddle.这不起作用,因为当前绑定(bind)在输入字段和model变量之间。相反,我会将输入字段绑定(bind

javascript - AngularJS 使用 $sce.trustAsHtml 和 ng-repeat

我正在尝试将$sce.trustAsHtml()与ng-repeat中的对象属性一起使用。结果是HTML完全空白。尽管HTML使用ngSanitize正确输出。顺便说一下,我在使用AngularJSv1.3.0-beta.3。不确定是否存在错误或我做错了什么。 最佳答案 您不能在表达式中使用$sce.trustAsHtml(除非$sce是$scope的属性)因为表达式在$scope的上下文中进行评估。最干净的方法是使用ngSanitize。第二个最干净的方法是将$sce.trustAsHtml作为$scope中的函数公开:$scop

javascript - AngularJS 复选框 ng-change 问题与 $event.target

我正在编写一个简单的AngularJSController,用于跟踪选中的复选框的数量。尝试避免使用$scope.$watch而是使用ng-change来增加/减少总计数。HTML: {{item.name}}Totalchecked:{{totalSelected}}Controller片段$scope.updateTotal=function($event){varcheckbox=$event.target;if(checkbox.checked){$scope.totalSelected++;}else{$scope.totalSelected--;}}我在尝试访问$

javascript - 在 Angular JS 中跳过 ng-repeat JSON 排序

有谁知道我如何在使用ng-repeat时完全跳过JSON排序(可能以一种无痛的方式)?例如,我的源JSON看起来像这样-{"title":"Title","description":"Description","moreInfo":"Moreinformation"}一旦我在ng-repeat中使用它,它就会按字母顺序排列它们。像这样的-{"description":"Description","moreInfo":"Moreinformation","title":"Title"}我的ng-repeat看起来像这样-{{key}}{{data}}我见过有人使用单独的键数组并使用它们来

javascript - 如何从 angularjs ng-route 中删除哈希#

我正在尝试使用locationProvider从angularjs中的url路由中删除主题标签,但它给了我错误。应用程序.jsvareclassApp=angular.module('eclassApp',['ngRoute','eclassControllers',]);eclassApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProvider.when('/',{templateUrl:'/html/student-list.html

javascript - 用animate实现jQuery的抖动效果

我得到了jQuery库的精简子集,我缺少的一个关键特性是.effect函数。但是我有.animate。我想知道是否有人对我如何着手再现动画功能有任何想法。我特别注意只写几行代码,因为我需要减少代码大小。这就是为什么jquery库如此小并且没有效果函数的原因。TLDR-我正在尝试替换$("#"+id_string).effect("shake",{},"fast");在jQuery中使用.animate。 最佳答案 到目前为止我有这样的东西..jQuery.fn.shake=function(intShakes,intDistance

javascript - 使用标签 data-* 实现 Ajax 调用

我正在尝试使用标签data-*实现Ajax调用,如jquery-ajax-unobtrusive我知道我可以使用带有$.ajax()的javascript函数,但我的目的是试验标签data-ajax...我在cshtml文件中试过这段代码Ajax//othercode...functionAjaxSuccess(){alert('AjaxSuccess');}functionAjaxError(){alert('AjaxError');}浏览器当然会显示按钮,但是当我点击它时没有任何反应。我无法在浏览器调试器中发现任何错误。显然什么都没发生。Intellisense不显示标签data-

javascript - 如何在 ng-repeat 中对 JSON 数据进行排序?

我正在获取服务器响应并绑定(bind)这些数据以使用ng-repeat查看。现在我想按priceList和name对这些数据进行排序。我可以使用orderBy对名称进行排序,但不能使用priceList。我想根据priceList对产品进行排序。按名称排序会改变列表的顺序,而按priceList排序只会影响每个category的products的顺序。它会影响显示类别的顺序。请帮我解决这个问题。我的代码:Sortingpredicate={{predicate}};Nameprice`{{vals.partTerminologyName}}:Position:{{vals.positi

javascript - 调试 : ng-click and non-existent functions

在解决问题之前,我有一个元素(在HTML模板内)带有ng-click,它调用了一个不存在的函数。有没有办法启用严格模式(比如在JS中使用严格模式)或类似的东西来在控制台中看到此类问题?更新:我也尝试过$compileProvider.debugInfoEnabled(true)但没有成功 最佳答案 简短回答:在原始AngularJS中没有执行此操作的选项,但是可以通过hack来完成。长答案:您在DOM事件处理指令中使用的表达式(例如ng-click、ng-keydown和ng-submit)由Angular的$parse编译。服务。