天道酬勤,学无止境

ui-sref

Scrolling to specific element on different template after clicking link (Angularjs)

Hey guys I am pretty new to Angular. Users can edit profile settings in profileSettings page. I have the following on my profile template: <div>{{ user.name }}</div> <a class="pull-right" ui-sref="profileSettings"><strong>Edit Name</strong></a> ...more code... <div>{{ user.description }}</div> <a class="pull-right" ui-sref="profileSettings"><strong>Edit Description</strong></a> I want them to be able to click on the edit link that takes them to the Settingsprofile template. However I want when the new template renders to automatically scroll to the relevant field. So if they click edit link

2021-11-26 09:50:31    分类:问答    javascript   angularjs   dom   ui-sref

AngularJS:子状态返回父视图(AngularJS : child state return parent view)

问题 我在 ES6 中使用 angularJs。 因此每个视图都是模块。 模块项目: let projectModule = angular.module('project', [ uiRouter ]) .config(function($stateProvider, $urlMatcherFactoryProvider) { $stateProvider .state('project', { url: '/projects/:origin/:owner/:name', template: '<project></project>', data : { pageTitle: 'Project' }, }); }) .component('project', projectComponent) .factory('$projectResource', service); 模块警报(其状态是项目状态的子项): let alertsModule = angular.module('alerts', [ uiRouter ]) .config(($stateProvider) => { $stateProvider .state('project.alerts', { url: '/alerts', template: '<alerts></alerts>', data : {

2021-11-21 04:41:16    分类:技术分享    javascript   angularjs   ecmascript-6   ui-sref

AngularJS : child state return parent view

I'm using angularJs with ES6. Therefor each view are modules. Module project : let projectModule = angular.module('project', [ uiRouter ]) .config(function($stateProvider, $urlMatcherFactoryProvider) { $stateProvider .state('project', { url: '/projects/:origin/:owner/:name', template: '<project></project>', data : { pageTitle: 'Project' }, }); }) .component('project', projectComponent) .factory('$projectResource', service); Module alerts (its state is a child of project state) : let alertsModule = angular.module('alerts', [ uiRouter ]) .config(($stateProvider) => { $stateProvider .state(

2021-11-12 13:23:10    分类:问答    javascript   angularjs   ecmascript-6   ui-sref

UI-Router:URL 更改,但未加载视图(UI-Router: URL changes, but view is not loaded)

问题 我的路由器有以下代码: .config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) { $stateProvider .state('main', { url: '/', templateUrl: 'templates/main.html', controller: 'MainCtrl' }) .state('login', { url: '/login', templateUrl: 'templates/login.html', }) .state('signup', { url: '/signup', templateUrl: 'templates/signup.html', controller: 'SignupCtrl' }) .state('userEdit', { url: '/user/edit', templateUrl: 'templates/user/edit.html', controller: 'UserEditCtrl' }) .state('workouts', { url: '/workouts', templateUrl:

2021-10-09 02:16:58    分类:技术分享    angularjs   angular-ui-router   ui-sref

UI-Router: URL changes, but view is not loaded

I have the following code for my router: .config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) { $stateProvider .state('main', { url: '/', templateUrl: 'templates/main.html', controller: 'MainCtrl' }) .state('login', { url: '/login', templateUrl: 'templates/login.html', }) .state('signup', { url: '/signup', templateUrl: 'templates/signup.html', controller: 'SignupCtrl' }) .state('userEdit', { url: '/user/edit', templateUrl: 'templates/user/edit.html', controller: 'UserEditCtrl' }) .state('workouts', { url: '

2021-10-09 01:30:21    分类:问答    angularjs   angular-ui-router   ui-sref

ui-router:在新选项卡中打开状态,目标=“_blank”,对象参数(ui-router: open state in new tab with target=“_blank” with object params)

问题 我在 angular 应用程序中使用 ui-router 进行状态导航,在一种场景中,我必须导航到不同选项卡中的新状态。 我有以下状态 .state("code", { url: "/code", params: { offer : null }, templateUrl: "app/components/coupons/views/code.html" }) 参数中的报价是一个对象。 在同一浏览器中导航到此状态时,它工作正常。 但是当在不同的浏览器中导航到此状态时,提供为空。 另一个用户在这里发布了同样的问题 http://stackoverflow.hex1.ru/questions/33232761/ui-router-open-state-in-new-tab-with-target-blank-params-are-lost 但在这里参数是一个属性而不是一个对象。 因此,它可以添加到 url。 谢谢,山姆 回答1 当您打开一个新选项卡时,会在新选项卡中创建您的应用程序的新实例,因为它基于 javascript,并且在页面新鲜时不会保留其参数。 所以你的状态加载了一个null参数,因为这个页面与你拥有的另一个页面没有关系。 作为一种解决方法,我建议您将数据附加到$window并在新页面上检索它。 回答2 我已经在打字稿中完成了它并且它有效: var myWindow

2021-10-07 00:18:41    分类:技术分享    angularjs   angular-ui-router   ui-sref

ui-router: open state in new tab with target=“_blank” with object params

I am using ui-router for state navigation in angular application and in one of the scenario I have to navigate to a new state in an different tab. I have the following state .state("code", { url: "/code", params: { offer : null }, templateUrl: "app/components/coupons/views/code.html" }) offer in param is an object. When navigating to this state in the same browser it works fine. But when navigating to this state in a different browser offer comes as null. The same question was posted by another user here http://stackoverflow.hex1.ru/questions/33232761/ui-router-open-state-in-new-tab-with

2021-10-03 04:54:14    分类:问答    angularjs   angular-ui-router   ui-sref

$stateParams 将值转换为字符串($stateParams converting value to string)

问题 我正在使用UI-Router 。 这是我通过ui-sref路由到的状态之一: .state("community", { url: "/community/:community_id", controller: "CommunityCtrl", templateUrl: "/static/templates/community.html" }) 在我进入“社区”状态的模板之一中: <div ui-sref="community({community_id: community.community_id})"></div> 这是我的社区对象: { name: 'Community name', community_id: 11 //int, not a string } 如您所见,键 'community_id' 包含一个 int 值而不是字符串值。 但是,当我通过$stateParams访问此参数时,我得到: community_id: "11" //string 为什么我得到一个字符串? 回答1 将community_id设为数字(int)的最简单方法是将该参数声明为int - {community_id:int} .state("community", { url: "/community/{community_id:int}", controller:

2021-09-29 18:10:18    分类:技术分享    javascript   angularjs   angular-ui-router   ui-sref

在 ui-sref 中出现表达式错误(Have a expression error in ui-sref)

问题 我正在研究 ui-router 文档。 我对我试图用 ui-sref 做的事情有一种体面的感觉。 在底部td 中,我将 ui-sref 添加到所需的 href 中。 我确保调用我想要触发的状态,括号是我试图创建的路由参数。 问题是我收到了语法错误:Token '.' 位于Angular 文档中从[{4}] 开始的表达式 [{3}] 的第 {2} 列。 我确保参考了一些额外的信息,以防我在代码的任何部分丢失。 <div class="row" > <div class="panel panel-primary"> <div class="panel-heading"> Customer List </div> <div class="panel-body"> Filter: <input type="text" ng-model="customerFilter"> </div> <table class="table table-striped table-responsive"> <tr> <th ng-click="ctrl.doSort('name')">Name</th> <th ng-click="ctrl.doSort('city')">City</th> <th ng-click="ctrl.doSort('orderTotal')">order total<

2021-09-29 03:02:55    分类:技术分享    angularjs   angular-ui-router   ui-sref

将 html 插入 div 并保持 ui-router ui-sref 属性正常工作(Insert html into div with angular keeping ui-router ui-sref property working)

问题 这是我的情况: 我有一个需要从函数中注入一些 html 的 div: <div ng-bind-html="myCtrl.getMyLink()"></div> 在我的控制器中,我有: this.getMyLink = function () { return '<a ui-sref="app.go.to.state1">my link</a>'; } 它有效,但根本无效。 我的 html 最后只有 <a>my link</a> 这是一个链接,但 ui-sref 重定向不起作用。 肯定有我遗漏的东西。 我该如何解决? 回答1 ng-bind-html中的内容不是由 angular 编译的,它用于静态 html。 您需要使用自己的指令,并设置模板或使用 $compile 进行自己的编译。 或者,您可以使用ng-include 。 没有为您的用例提供足够的详细信息以提供更多帮助 回答2 ng-bind-html不适用于ui-sref指令。 只需使用href="path/to/state1"代替

2021-09-29 00:57:48    分类:技术分享    javascript   html   angularjs   angular-ui-router   ui-sref