Tag: angularjs

使用ng-click切换父元素的类？

我有一些javascript，我正在尝试转换为Angular： $(‘.col-lg .fa-clock-o’).click(function(e){ $(this).parent().toggleClass(‘set-time’); e.preventDefault() }); 我已经尝试将以下内容添加到包含链接的子元素，但它不起作用，也许是一个正确的“角度”方式来代替？

如何在其他选择下拉列表中隐藏特定的选定选项

我有两个具有相同选项的选择下拉菜单。 第一个下拉默认选择选项应为“公共地址”，第二个下拉默认选择选项应为“添加地址”。 我应该只允许输入一次“公共地址/工作人员地址”。 因此，我需要在页面加载的第二个下拉列表中隐藏“公共地址”选项。 并允许用户从任一下拉菜单中选择“”公共地址/工作人员地址“选项一次。 在这里分享Plunker链接： http ：//plnkr.co/edit/9G7BCyK37CNf6RWjU9Cz？p = preview Please refer Plunker link 感谢您的帮助。

有多个动态选择框angularjs

我使用Papaparse构建了一个csv联系人导入器。 该网站运行角度。 这是我的表格： Header Attribute Value Sample {{row.header}} Ignore {{attribute.val}} Add Attribute {{row.values}} Save Import HTML给出了这个结果： 到目前为止，这一切都正常运行和显示。 但是，我不知道如何捕获processImport()函数中的数据。 我想过使用绑定，但由于用户可以从选择框中添加/删除属性，我无法预先构建选择框。 由于每个csv可以有不同数量的列，我需要重复每列。 有关如何捕获此处提交的数据的任何建议？ 如果我还要添加其他内容，请告诉我。

使用Sticky-kit粘贴div并将其释放到AngularJS第II部分中的特定点

这是我创建的这篇文章的扩展，以保持问题分离和清晰： 用Sticky-kit粘贴div并在AngularJS中的特定点释放它 关键是post在掠夺者中完美运作。 但是，不能在我的代码中工作不完全相同。 我正在使用bootstrap 2.3.2（我认为这不是问题）。 这是我的真实代码： … 一些注意事项：1。我没有使用上一篇文章中的建议。 显然它没有它工作。 2.问题来自于我尝试在地图中使用填充底部：20px，因此下面的div总是向上滚动一些空格。 我注意到的是，当我添加： 要么 包含填充，但粘滞停止工作。 另一方面，如果我只是评论boat-map指令，则代码按预期工作。 像这样： Hello <!—-> 更新：我包含生成的html： Datos de mapasDatos de mapas ©2018 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, ORION-MEDatos de mapasDatos de mapas ©2018 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, ORION-MEDatos de mapas ©2018 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, ORION-METérminos de […]

将json结构转换为jquery angularjs中的嵌套json结构

我可以知道如何将我当前的json文件转换为嵌套的json结构，如下所示，我尝试了几种方法（ 如何使用jquery将表单输入字段转换为嵌套的json结构 ），但我没有得到它，请帮助我，我做错了，这样我们就可以使用ng-repeat在我的视图页面上迭代图像值。 如果我使用下面的内容，它不会按照我想要的结构给出。 html: jquery: $(“#submitButton”).on(‘click’, function(e) { var el = document.querySelectorAll(‘#text [type=”hidden”]’); var arr = []; var obj = {}; var push = false; for(var i = 0; i -1){ if(push){ arr.push(obj); obj = {}; }; obj.name = ‘imageurl’; obj.value = el[i].value; push = true; } obj.parts = obj.parts || []; obj.parts.push({ name: […]

Angular + jQuery产生“Uncaught object”错误而不是显示它

使用最新稳定的Angular 1.2.17和jQuery 1.11.1版本构建新应用程序。 然后我做手动错误，比如在没有任何脚本的情况下初始化ng-app，这会产生类似“No module XXX”的错误，但我只看到错误“Uncaught object”。 我尝试过其他版本，比如Angular 1.2.16 + jQuery 2.1.1和其他版本 – 结果相同。 我做错了什么？ // upd Ubuntu 14，Chrome 35

如何在JQuery中动态注入AngularJS 2组件？

我有一个Angular2应用程序，并在应用程序的某些部分使用JQuery。 示例代码如下： $(function(){ var id = ‘post349’; var data = ‘The quick brown fox…’; $(”).attr(‘id’,id).addClass(‘myclass’).html(data).appendTo(‘#records_wrapper’); // Looking for the AngularJS 2.0 API to dynamically inject component. }); #records_wrapper { background-color:red; border:4px solid orange; } #records_wrapper div { background-color:green; } .myclass { border:2px solid yellow; } 是样本角度分量。 我面临的问题是组件没有扩展到它的组件，这意味着它没有被处理，因此它在DOM中保持为 。 在JQuery操作DOM之后，如何动态地注入一个名为的Angular2组件？ 我应该使用什么Angular API？ PS。 在示例中，我没有包含角度分量的代码。

在AngularJS中跟随鼠标的弹出对话框

我正在使用Angular 1.0.6和jQuery，我需要创建一个跟随鼠标的提示（更改位置）。 到目前为止我所拥有的是显示/隐藏： {{item.text}} {{item.description}} 我应该如何根据mousemove事件更改弹出窗口的x和y位置？ 我以为我可以这样： Hello Popup 但是不知道如何创建这样的指令。

当使用$ index跟踪时，ng-init没有第二次调用

HTML： {{employeeName}} 控制器： $scope.initUserDecision = function(row,index){ $scope.employeeName=row[“name”]; } $scope.rows=[{id:1,name:’siva’},{id:2,name:’ram’}] //changing $scope.rows in button click event and used $scope.$apply as well angular.element(document).on(“click”, “#change”, function () { $scope.rows=[{id:1,name:’ravi’},{id:2,name:’raj’}] $scope.$apply(); }); ng-init函数在tr初始化时首次调用。 如果我点击更改按钮行集合被更改，它将不会再次调用ng-init 。 如果我通过$index ng-init删除跟踪调用时间。 当我通过$index使用track时，它只被调用了一次。 为什么会这样？ 对此有任何想法。

使用angular.js创建高图图形

我花了最后4个小时试图让这件事发挥作用。 我对angular.js，jquery，highcharts和所有这些东西都很新，我找不到解决这个问题的方法。 我想要做的是在div中创建一个高图图形。 图形的json从后端以正确的方式出现，因此没有必要对json进行任何更改。 所以，我做了以下事情： 首先，在html中： 为了收集数据，我做了以下内容： var termomether = angular.module(‘termomether’, [ ‘ngResource’ ]); termomether.factory(‘Chart’, function($resource) { return $resource(‘/app/api/chart’, {}, { query : { method : ‘GET’, params : {}, isArray : true } }); }); termomether.controller(‘ChartController’, function($scope, Chart) { $(‘#chartContainer’).highcharts(Chart.query()) }); 结果是显示图形，但是空白。 它具有我预期的大小，但没有数据，它显示一个空白框。 如果在这一刻你认为问题出在json上，这可能会让你思考与众不同。 如果我以下面的forms更改控制器，图形将完美显示： var termomether = angular.module(‘termomether’, [ ‘ngResource’ ]); termomether.controller(‘ChartController’, function($scope, […]