ui-sref不会生成href，尽管在$scope变量中有路由器配置和状态
ui-sref是AngularJS框架中的一个指令，用于在HTML模板中定义路由跳转链接。它的作用是生成一个点击后可以跳转到指定路由的链接，但不会生成href属性。
在使用ui-sref指令时，需要在$scope变量中配置路由器和状态。路由器是AngularJS中用于管理不同页面之间跳转的机制，而状态则是指定页面的标识符。
ui-sref的优势在于它可以简化路由跳转的代码，使得代码更加清晰易懂。通过使用ui-sref，开发人员可以直接在HTML模板中定义路由跳转链接，而不需要编写复杂的JavaScript代码。
ui-sref的应用场景包括但不限于以下几种情况：
- 导航菜单：可以使用ui-sref指令生成导航菜单中的链接，方便用户在不同页面之间进行跳转。
- 列表页跳转：在列表页中，可以使用ui-sref指令生成每个列表项的链接，方便用户点击后查看详情或进行其他操作。
- 按钮跳转：可以使用ui-sref指令生成按钮的链接，方便用户点击按钮后跳转到指定页面。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发人员快速搭建和部署云计算环境，并提供稳定可靠的基础设施支持。
关于ui-sref指令的具体用法和更多信息，您可以参考腾讯云文档中的相关介绍：
相关·内容
0回答
ui-sref不会生成href，尽管在$scope变量中有路由器配置和状态
javascript、angularjs、angular-ui-router
我在$scope变量中存储了一个状态。检查页面，我看到正确的状态存储在html..with中的ui-sref属性中一个奇怪的生成注释== $0和另一个非常奇怪的行为是，如果我硬编码状态名称(所以没有保留它的作用域变量)，它可以工作，并且我可以获得href！.st
浏览 2提问于2017-01-04得票数 0
回答已采纳
1回答
转换angularjs菜单指令以支持ui.router
angularjs、angularjs-directive、angular-ui-router、angularjs-compile
我想把它转换成与ui.router状态和sref一起工作。这是因为在这个上下文中没有定义$state吗？如果是这样，我如何定
浏览 0提问于2015-12-11得票数 0
回答已采纳
1回答
当使用带有空字符串模板的父状态时，角ui-路由器问题
angularjs、angular-ui-router
我正在尝试使用ui路由器与没有模板的父状态。我找到了这个，据说状态需要一个模板。所以现在我的路由器配置看起来是： .state("customer", { template: "<company>",
parent: "
浏览 3提问于2016-04-02得票数 0
回答已采纳
2回答
带有用户界面引导选项卡和用户界面路由器的Angularjs导航菜单
javascript、angularjs、angular-ui-bootstrap、angular-ui-router
在中，我无法使菜单链接和选项卡正常工作。正如您所看到的，我需要单击两次‘路由1’才能从选项卡Route2返回，而且当我单击两次‘路由2’菜单链接时，选项卡内容不会呈现。','$state',function($scope, $state){ { heading: 'A View', route:'DocumentoMasterView.A= function(route){
浏览 4提问于2014-09-05得票数 3
回答已采纳
1回答
角用户界面路由器-没有href属性的中断
javascript、.net、angularjs、model-view-controller
我在试着让有角度的UI路由器工作。在一个标准的web项目中，这一切都很好，直到我导入到一个.net项目中，所有的东西似乎都坏了。即：不工作，当它在以前的项目中这样做时。有趣的是，如果我添加了一个具有值(不能是空字符串)的href属性，则单击可以工作。知道为什么ui-路由器在标签上没有设置显式的href属性就会中断吗？的git文
浏览 0提问于2014-11-24得票数 0
1回答
离子角路由
javascript、angularjs、routing、ionic-framework
我正在尝试使用角度，气象卫星和离子框架。这很容易，多亏了urigo:角和urigo:离子包。不幸的是，我不知道如何配置离子链接和角路由使其工作。我尝试过不同的组合，html5Mode开/关，基地href，锚等，没有任何工作。每一个建议，如何解决它是受欢迎的？angular.element(document).on("deviceready", onReady);else {}
路由器</
浏览 1提问于2015-08-27得票数 0
回答已采纳
1回答
在$scope.variable函数中更改$scope.$on不更新视图
angularjs、angularjs-scope、angular-ui-router
我希望侦听路由更改，并更新一个$scope变量以反映我的菜单中的当前路由(Md Bar)： $scope.currentNavItem = $location.path();console.log('current location path', $scope.currentNavItem);输出是正确的(例如‘/概述
浏览 3提问于2016-11-16得票数 4
3回答
如何使href在按钮内折叠
javascript、html、angularjs、ionic-framework、angular-ui-router
</label> {{x.NomClient}} <br/> });$sc
浏览 8提问于2017-05-12得票数 5
回答已采纳
1回答
角JS -角用户界面路由器-基于位置监视的重装电流状态
angularjs、angular-ui-router
我创建了一个导航栏，当用户单击与当前状态相对应的链接时，什么都不会发生。例如，您在/about上并单击关于有一个href="/about"的链接。菜单一直开着。如果您单击另一个链接(例如，不同的状态)，它可以工作。 <ul class="
浏览 3提问于2014-07-13得票数 0
回答已采纳
1回答
AngularJS用户界面路由器:每次用户进入状态时接收事件
angularjs、angular-ui-router
当用户进入状态时，我需要在AngularJS ui路由器中接收一个事件，即使用户连续两次进入该状态(即单击相同的url两次)。例如，，只有在第一次单击url或单击其他url时才会收到通知。如果您单击同一个url两次，您将不会看到警告消息。 <a href="#" ui-sref="page1">Popula
浏览 3提问于2014-12-26得票数 3
回答已采纳
1回答
ui-serf属性是在角js中自动重命名的。
angularjs、angular-ui-router
我编写了简单的代码来理解js角度的ui-路由器，但是代码工作正常，但是我的部分html代码是自动重命名的，我无法理解为什么会发生这种情况。Html代码是<a ui-sref="state1.list">Show List</a>，浏览器代码是<a ui-sref="state.list" class="ng-scope">Show List',
templateUrl: &#x
浏览 3提问于2014-12-21得票数 1
回答已采纳
2回答
在角ui-路由器子模板不工作。
angularjs、angular-ui-router、angular-ui
我已经注册了一个州test和一个孩子.child1，这里的父母(test)工作很好。当我导航到状态test.child1 URL时，被更改为#/test/child1，但视图保持不变，子模板无法工作 .state('test',{ template
浏览 7提问于2014-08-19得票数 7
回答已采纳
1回答
router路由器:我应该避免使用ui-路由器吗？
angularjs、angular-ui-router
通过对ui-路由器()的引用，可以看到以下有关ui-sref的内容：
该指令将通过$state.href()方法自动生成和更新href属性。考虑到所有因素，这基本上使ui-sref完全取代了href:它不仅可以处理状态，还可以处理url。这是否意味着在一个有角度的ui-路由器应用程序中，最好避免使用sref，即使是全局的、SPA范围的页面，并且只在导航时使用ui-sref
浏览 1提问于2017-04-01得票数 1
回答已采纳
2回答
使用<a href="/#/xyz>而不是使用ui-路由器来更改状态
angularjs、angular-ui-router
Ui-路由器V 1.0.3Html侧-<a ui-sref="party
浏览 5提问于2017-07-08得票数 2
回答已采纳
2回答
在使用ui-路由器服务的离子框架中使用ui-sref和href(在何处使用)的区别
javascript、angularjs、ionic-framework
因此，我对使用ui-sref和href感到困惑。例如，对于制表符，我们使用ui-sref，因为我们可以将各种状态都链接到某个main (base) url。，如果我想从这些状态中的一个移动到一个不同的模板(例如到active.html)。Edit Claim </li> <li class="item">
<a class="button button-positiv
浏览 1提问于2017-05-06得票数 4
回答已采纳
9回答
角UI路由器:如何使父视图在导航到嵌套视图时成为“活动的”？
angularjs、angular-ui、angular-ui-router
我正在进行一个已经实现UI路由器的项目，当该项目是当前路由时，它将使用ui-sref-active="active"将活动类添加到导航菜单项中。但是，当您导航到该视图中的嵌套视图时，父菜单项不再处于活动状态。请参阅下列柱塞：
默认情况下(或者如果您单击它)，路由1是“活动的”。当您单击“显示列表”时，您将看到路线1不再处于活动状态。
浏览 5提问于2014-02-26得票数 19
回答已采纳
1回答
ui路由中的参数化第一级状态
angularjs、angular-ui-router
所以我试着用下面的方式设置我的状态： url: '/login', templateUrl: 'leads.html', abstract: true鉴于在登录时然后，在登录后，将做两件事。
浏览 0提问于2016-08-24得票数 0
6回答
ui-sref和变量状态参数名称
angularjs、angular-ui-router
我想呈现一个链接，例如：其中，状态名称myState和密钥myKey是变量。
浏览 11提问于2014-10-01得票数 5
回答已采纳
3回答
AngularJS ui-sref外部(绝对)链接
javascript、angularjs、angular-ui-router、ui-sref
我在我的模板中打印了一组菜单项： <ul> ui-sref="{{ i | removeSpacesThenLowercase}}" </ul><e
浏览 1提问于2015-06-05得票数 3
1回答
我可以使用ui-路由器&ui将一个变量传递到控制器中吗？
angularjs、angular-ui-router
我想知道是否可以通过UI-路由器传递多个变量，以便在状态控制器中使用。在HTML中，我有 <a ui-sref="item({ id: {{$id}} })"><h3>{{item.title}}</h3></a>
</l
浏览 0提问于2014-11-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频活动推荐
腾讯云开发者
