Tag: angularjs

当插入符号位于特定div / span / a标记内时，以及当插入符号离开标记时，触发事件: 这个想法是这样的 – 有一个含有一些文本的满足要素。我试图构建一个标记机制（类似于在键入’@’时twitter的人员标记）。每当用户键入“@”时，它会在他们继续输入时显示带有建议和filter的弹出窗口。直到这里它很容易，我已经弄清楚了。如果/仅当插入符号位于包含标记的元素上时，我需要显示弹出窗口时出现问题。 Some random text before @samadams Some random text after 现在，每当用户将标签移动到标签/点击它时，我想触发一个显示弹出窗口的事件，并在插入符号离开标签时将其删除。（有点像焦点/模糊，但它们似乎不起作用）。 onmousedown工作，但无法判断光标是否已通过键盘移动到锚标签中。此外，我在angularjs中这样做，因此，任何针对此的解决方案都是优选的，但不是必需的。一直试图让这个工作一天，任何帮助非常感谢。

在ng-click中设置$ scope var in指令: 我有这个元素：指令： app.directive(‘address’, [ function () { return { restrict: ‘A’, link: function($scope, element, attrs) { element.bind(‘click’, function() { console.log($scope.dishInfo); $(“.modal”).modal(); }) } } } ]) 当我在我的控制台中单击图像时，我的.modal Resource ： Resource { id=1, dishes={…}, category=[1],…}此代码： {{ dishInfo.id }} 但是当模态窗口（点击图像后）打开时 – 我看到空块，没有id。为什么？

角度数据表固定列未定义不是函数: 我使用带有固定列的角度数据表，我的HTML代码用于查看如下： First name Last name Tiger Nixon 我的控制器代码如下： ‘use strict’; app.controller(‘PerformanceCtrl’, [‘$scope’, ‘DTOptionsBuilder’, ‘DTColumnDefBuilder’, function ($scope, DTOptionsBuilder, DTColumnDefBuilder) { $scope.dtOptions = DTOptionsBuilder.newOptions() .withOption(‘scrollY’, ‘300px’) .withOption(‘scrollX’, ‘100%’) .withOption(‘scrollCollapse’, true) .withOption(‘paging’, false) .withFixedColumns({ leftColumns: 1 }); }]); 对于我的index.html文件，我按以下顺序包含了datatables库：这是我的模块： var app = angular.module(‘MyApp’, [‘datatables’, ‘datatables.fixedcolumns’]); 但我得到这个错误undefined is not a function这个图像undefined is not a function ：如果我从表的选项中删除了以下代码，没有错误但没有fixedColumns： […]

LinkedIn分享按钮仅出现在AngularJS应用程序的初始加载中: 我正在使用AngularJS 1.3和jQuery 1.11，我正在尝试添加一个LinkedIn分享按钮（使用LinkedIn共享插件生成器）。此按钮出现在div中的一个模板中。这是我的代码： lang: en_US 此按钮仅在我最初访问页面/加载模板时出现。如果我再次访问该页面，则该按钮不再存在（当我检查DOM时，脚本标签就在那里）。

使用ionic framework的instagram feed无限滚动不会在转发器错误中停止重复: 我正在尝试用Ionic Framework构建一个IOS和Android应用程序，它有一个带有Instagram api的Instagram Feed，显示所有由hashtag共享的照片（我将使用hashtag chocolat有一个例子）我想实现pull to refresh和无限滚动，所以基本上我会有一个按钮，一旦点击打开一个视图与instagram提要并拉出前10个结果，拉动刷新将尝试获得更新的结果，然后如果饲料向下滚动它将添加下一个结果集（较旧的结果）。我一直在寻找，我已经建立了一些不能按预期工作的东西。我是离子，angularjs和javascript的新手开发者所以我决定在这里发布我的问题。所以这是我的代码：通过http获取instagram json的工厂或服务： app.factory(‘PhotoService’, function($http){ var BASE_URL = “https://api.instagram.com/v1/tags/chocolat/media/recent?access_token=+++”; //access_token hidden for privacy reasons var items = []; var nextUrl = 0; return { GetFeed: function(){ return $http.get(BASE_URL+’&count=10′).then(function(response){ items = response.data.data; nextUrl = response.data.pagination.next_url; return items; }); }, GetNewPhotos: function(){ return $http.get(BASE_URL+’&count=2′).then(function(response){ items = response.data.data; return […]

如何找出为什么ng-click（）不会第二次触发: 我有一些代码，它适用于jsfidle，并且不能在本地工作。在这段代码中，我有一个编译模板并附加到DOM的指令。在这个模板中，我绑定了一些ng-click事件（关闭弹出窗口）。此事件触发一次，当第二次打开popover并尝试关闭它时，它不起作用。这里的代码： mymodal.directive(‘editable’, function ($compile) { return { restrict: ‘EAC’, template: “Show pop-over”, scope: {test: ‘&’}, link: function(scope, element, attrs) { scope.closePopover = function($event){ var el = $event.target; $($event.target).parents(‘div.popover’).popover(‘hide’); }; var templateData = “Cancel”; var compliedData = $compile(templateData)(scope); $(element) .popover({html: true, content: compliedData }) .on(‘click’, function(e) { e.preventDefault(); return true; }); } […]

在页面上以模态打开页面url（Facebook照片url）: PS我在下面的场景中使用html5Mode删除路由中的’＃’ 从AngularJS urls中删除片段标识符（＃符号）考虑我有两个主要页面。一个是提供缩略图的照片，其url为/someSlug/photos 。其他是一张照片的url’/ someSlug / photos / somePhotoId’，它显示了特定照片的更大视图。我的问题是当用户点击照片页面中的somePhoto缩略图时，以模态显示/someSlug/photos/somePhotoId页面（是的，url应更改为/someSlug/photos/somePhotoId ）。但是，如果用户直接访问它/someSlug/photos/somePhotoId单个照片页应该来。我可以将单张照片模板包含在我的模态中，但面临路由问题。打开modal到/ someSlug / photos / somePhotoId时无法更改URL，因为它会打开新页面。我有两个模块： A->使用并处理照片页面的路径 B->使用和处理单张照片的路线由于B单照片模板用于’A’，我将’B’的依赖放入’A’。因此每当我尝试在模态中将URL更改为/ someSlug / photos / somePhotoId时。 B的路由会覆盖作业并打开页面。最好的例子是facebook照片。试图创建一个小提琴，但它不给我路由访问。只需查看Facebook照片url，您就会了解它。如果您需要更多输入，请告诉我:) 我是angularJS（基础 – >高级舞台）的新手。任何帮助将受到高度赞赏。

通过id进行Angularjs ng-repeat过滤: 嗨，我在mysql中有2个表，我用php（mysqli）调用数据，所以我把这些数据放在javascript var中，带有$scope.student= ; 和$scope.ratings= ; 2个表有一个密钥ID（ID_studen）第一个表只有个人数据，第二个表有数据，所以我需要过滤并在这里通过评级显示所有细节代码： {{rating.note}} 检查jsfiddle.net

动态重新编译角度指令: http://jsfiddle.net/RW46a/2/ add dynamic content click here 我的应用程序使用外部依赖项，jQuery将HTML代码直接添加到DOM（叹气），就像小提琴中描述的那样。我希望能够对一些动态添加的代码进行角度化，例如将ng-click指令添加到附加到“mycontent”div的新按钮，请参阅上面的注释。以角度友好的方式做到这一点的最佳方法是什么？我试图利用$ compile但很快就变成了hacky。谢谢！

$ routeProvider未知: 我添加了这样的脚本我在test.js这样test.js var app = angular.module(‘MyApp’, [‘ngRoute’]).config(function ($routeProvider) { $routeProvider.when(‘/login’, { templateUrl: ‘login.html’, controller: ‘loginController’ }); $routeProvider.otherwise({ redirectTo: ‘/login’ }); }); app.controller(‘loginController’, function () { }) 我知道$ routeProvider是未知的。我已经阅读了很多关于此的问题，我尝试了解决方案，但没有任何效果。请帮忙注意角度库正在工作我可以做绑定例如