Есть ли способ сказать AngularJS, что я хочу, чтобы ссылки открывались в новых окнах, когда пользователь нажимает на них?
С jQuery я бы сделал следующее:
jQuery("a.openInNewWindow").click( function() {
window.open(this.href);
return false;
})
Существует ли эквивалент с AngularJS?
Вот директива, которая добавит target="_blank" ко всем тегам <a> с атрибутом href. Это означает, что все они будут открываться в новом окне. Помните, что директивы используются в Angular для любых манипуляций/поведения dom. Живая демонстрация (нажмите).
app.directive('href', function() {
return {
compile: function(element) {
element.attr('target', '_blank');
}
};
});
Здесь та же концепция сделала менее инвазивным (так что это не повлияет на все ссылки) и более адаптируемо. Вы можете использовать его в родительском элементе, чтобы он затрагивал все дочерние ссылки. Живая демонстрация (нажмите).
app.directive('targetBlank', function() {
return {
compile: function(element) {
var elems = (element.prop("tagName") === 'A') ? element : element.find('a');
elems.attr("target", "_blank");
}
};
});
Похоже, вы просто использовали бы "target="_blank" в тэге <a>. Вот два способа:
<a href="//facebook.com" target="_blank">Facebook</a>
<button ng-click="foo()">Facebook</button>
JavaScript:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $window) {
$scope.foo = function() {
$window.open('//facebook.com');
};
});
Живая демонстрация здесь (нажмите).
Вот документы для $window: http://docs.angularjs.org/api/ng.$window
Вы можете просто использовать window, но лучше использовать инъекцию зависимостей, передавая в Angular $window для целей тестирования.
вы можете использовать:
$window.open(url, windowName, attributes);
Это работает для меня.
Внесите $window услугу в контроллер.
$window.open("somepath/", "_blank")
это код вашей кнопки
<a href="AddNewUserAdmin"
class="btn btn-info "
ng-click="showaddnewuserpage()">
<span class="glyphicon glyphicon-plus-sign"></span> Add User</a>
в контроллере просто добавьте эту функцию.
var app = angular.module('userAPP', []);
app.controller('useraddcontroller', function ($scope, $http, $window) {
$scope.showaddnewuserpage = function () {
$window.location.href = ('/AddNewUserAdmin');
}
});
@m59 Директивы будут работать для ng-bind-html, вам просто нужно подождать $viewContentLoaded для завершения
app.directive('targetBlank', function($timeout) {
return function($scope, element) {
$scope.initializeTarget = function() {
return $scope.$on('$viewContentLoaded', $timeout(function() {
var elems;
elems = element.prop('tagName') === 'A' ? element : element.find('a');
elems.attr('target', '_blank');
}));
};
return $scope.initializeTarget();
};
});
Я написал небольшую сущность, которая, по моему мнению, может быть очень полезной для любого, кто ищет решение этой проблемы: внешняя ссылка
Что он делает, так это добавляет атрибуты target="_blank" к элементам привязки, которые будут привязываться к домену, отличному от текущего.
Вы можете исправить его до того, что сочтете нужным.