腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >在Angular 2中，有没有一种在字符串中进行角度绑定的方法

问在Angular 2中，有没有一种在字符串中进行角度绑定的方法
EN

Stack Overflow用户

提问于 2016-07-18 13:43:49

回答 2查看 60关注 0票数 0

如果我使用路由构建一个HTML模板，如下所示

<ul class="sb-sub-menu">
    <li>
        <a [routerLink]="['clientadd']">Client Add</a>
    </li>
</ul>

这正如我所期望的那样工作。

但是，如果我是从HTML格式的字符串构建动态UI，那么路由似乎并不适用。

<ul class="sb-sub-menu" [innerHTML]="links"></ul>

哪里

links: string = `
<li>
   <a [routerLink]="['clientadd']">Client Add</a>
</li>`

在我的情况下，链接列表更复杂，我想看看是否有一种方法可以将它们加载为模板化的HTML，而不是需要创建模型。

有没有这样一种方法可以加载模板化的HTML字符串并使路由正常工作？

typescript

angular

在线客服搭建方案

搭建集AI机器人、在线客服、智能外呼等多功能服务的客服系统，支持快速接入及自搭建客服系统，从而让顾客快速得到解答

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-07-18 14:03:56

Angular不会以任何方式处理动态添加的HTML。没有绑定，没有指令或组件实例化，...除了出于安全目的而进行的清理。

您可以使用ViewContainerRef.createComponent()动态添加组件，如Angular 2 dynamic tabs with user-click chosen components中所述

如果您确实需要动态超文本标记语言(例如，用户提供的)，则可以使用How to realize website with hundreds of pages in Angular2中解释的方法

票数 1

Stack Overflow用户

发布于 2016-07-19 10:00:51

您可以尝试使用*ngFor而不是innerHtml动态创建链接

例如

<ul class="sb-sub-menu">
  <li *ngFor="let item of menuItems">
    <a [routerLink]="[item.url]">{{item.label}}</a>
  </li>
</ul>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38438343

复制

如何从列表中获取元素

缓存编程算法

观察URAM的物理管脚，不难发现A/B端口都有相应的地址、使能、读写控制信号。与BRAM不同的是URAM的读写使能信号是同一个管脚RDB_WR_A/B，其为0时执行读操作，为1时执行写操作，这意味着一旦A/B端口独立，同一端口的读写操作就无法同时发生，因此，如果采用上一篇文章中介绍的方法将其配置为两个独立的单端口RAM，其读写行为与常规的单端口RAM是不同的，进一步而言，此时的读写行为类似于NO_Change模式。

Lauren的FPGA

2019/10/30

17.8K0

组件封装之输入框下拉列表

jquery

项目开发的时候刚好遇到一个需求，需要在输入框输入名字的时候，弹出相应的人员列表提供选择，然后将数据赋值给输入框。项目是使用iview组件的，一开始想着在自定义iview的下拉选择，后来发现效果并不理想。为了实现功能，就在iview输入框的基础上进行了组件封装，下面就来讲下组件封装的过程。

逆锋起笔

2021/05/18

2.2K0

【说站】Python如何从列表中获取笛卡尔积

python

Python如何从列表中获取笛卡尔积 1、可以使用itertools.product在标准库中使用以获取笛卡尔积。 from itertools import product somelists = [ [1, 2, 3], ['a', 'b'], [4, 5] ] result = list(product(*somelists)) print(result) 2、迭代方法。 def cartesian_iterative(pools): result = [[]]

很酷的站长

2022/11/24

8.9K0

iOS开发中QQ好友列表下拉显示全部好友实现思路

其他 .net http

用户1451823

2018/09/13

1.7K0

pyqt中QTableWidget里的下拉列表

qt python 自动化测试

有时候我们希望在QTableWidget的单元格中进行下拉列表的选择，就像excel里面这样。那么怎么设置呢？怎么实现读和写呢？特别是在pyqt中，在c++中，网上已经有很多例子了。

钱塘小甲子

2019/08/15

3.8K0

SAP MM如下MIGO界面中，如果想在Reference下拉列表中不显示’Other’，该如何处理？

event ode 配置

选中TCODE ‘MIGO’，然后点选‘Transaction/Event’，进入如下界面：

SAP虾客

2021/03/01

1.7K0

SAP MM如下MIGO界面中，如果想在Reference下拉列表中不显示’Other’，该如何处理？

模板代码 - 列表和下拉刷新

android

摘要总结：本篇文章主要介绍了如何使用ViewStub和ViewStubCompat实现多布局，以便在不同的屏幕尺寸和分辨率下达到较好的展示效果。同时，还介绍了如何使用ViewStub和ViewStubCompat实现内边距和圆角，以及自定义属性在布局中的使用。

用户1172465

2018/01/05

3K0

Python中如何获取列表中重复元素的索引？

python 腾讯云开发者社区

昨天分享了一个文章，Python中如何获取列表中重复元素的索引？，后来【瑜亮老师】看到文章之后，又提供了一个健壮性更强的代码出来，这里拿出来给大家分享下，一起学习交流。

前端皮皮

2022/08/17

13.7K0

[Excel技巧]创建下拉列表

excel 技巧设计数据统计

在单位用Excel做统计，想偷个小懒，比如食品一栏。能不能设计一个下拉列表，直接在列表框中选择，省去键盘的重复输入呢？

卷福同学

2023/04/28

2.4K0

Java 下拉列表

java

import java.awt.Container; import java.awt.FlowLayout; import java.awt.Font; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.ComboBoxModel; import javax.swing.DefaultComboBoxModel; import javax.swing.JButton; im

用户2965768

2019/03/04

3.1K0

在jquery中用下拉框列表显示默认的值

其他

1、在postUpdate.jsp中添加js如下： <script type="text/javascript"> $(document).ready(function(){ var qx_value = $('#qx_select_value').val(); $("#qx_select option[value='"+qx_value+"']").attr("selected", "selected"); }) </script> 核心代码就这一句话： $("

qubianzhong

2018/08/10

3.7K0

WordPress 技巧：使用下拉菜单方式显示分类列表

wordpress categories dropdown 函数技巧

有时候，你想在下拉菜单分类列表中显示分类列表，并且不用按提交按钮就能够跳转，最简单的办法就是使用 wp_dropdown_categories 模板标签函数。下面是具体代码：

Denis

2023/04/15

1.3K0

iOS中获取要要保存到相册中的图片

其他 .net http

用户1451823

2018/09/13

1.4K0

「R」获取R包中的函数和对象列表

search 测试对象函数

问题你想知道包里有什么。方案在一个新的 R 会话中使用 search() 可以查看默认加载的包。 search() #> [1] ".GlobalEnv" "package:ellipse" #> [3] "package:Cairo" "package:grid" #> [5] "package:dplyr" "package:scales" #> [7] "package:Rmisc" "package:plyr" #>

王诗翔呀

2020/07/03

7.5K0

flutter的列表下拉刷新

flutter

flutter的列表下拉刷新需要借助一个组件来实现，这个组件的名字是RefreshIndicator,直译过来就是刷新指示灯。

挥刀北上

2021/01/07

4.9K0

js下拉列表实现增加和移除选项

http input meta txt var

JaneYork

2023/10/11

3340

laravel-admin select、multipleSelect从api中获取选项列表

api select

select、multipleSelect从api中获取选项列表 $form->select($column[, $label])->options([1 => 'foo', 2 => 'bar', 'val' => 'Option name']); 或者从api中获取选项列表： $form->select($column[, $label])->options('/api/users'); 其中api接口的格式必须为下面格式： [ { "id": 9, "tex

友儿

2022/09/11

3.9K0

如何从 Python 列表中删除所有出现的元素？

python

在 Python 中，列表是一种非常常见且强大的数据类型。但有时候，我们需要从一个列表中删除特定元素，尤其是当这个元素出现多次时。本文将介绍如何使用简单而又有效的方法，从 Python 列表中删除所有出现的元素。

网络技术联盟站

2023/06/01

12.9K0

Python要如何实现（列表）排序？

python 编程算法

排序，是许多编程语言中经常出现的问题。同样的，在Python中，如何是实现排序呢？（以下排序都是基于列表来实现）

全栈程序员站长

2022/09/07

8410

如何在 WordPress 中获取最新被评论的文章列表

网站 wordpress 教程接口排序

我之前的「WordPress 文章查询教程6：如何使用排序相关的参数」中详细介绍了文章查询的排序参数，其中介绍可以通过评论数进行排序：

Denis

2023/04/13

1.7K0

相似问题

雪碧图动画的CAKeyframeAnimation

旋转动画雪碧图？

Unity 5.2 -雪碧图动画

110

雪碧图动画Android Studio

如何在Andengine中延迟动画雪碧图？

活动推荐

玩转EdgeOne Pages有奖征集

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问在Angular 2中，有没有一种在字符串中进行角度绑定的方法
EN

在线客服搭建方案

回答 2

Stack Overflow用户

Stack Overflow用户

雪碧图动画的CAKeyframeAnimation

旋转动画雪碧图？

Unity 5.2 -雪碧图动画

雪碧图动画Android Studio

如何在Andengine中延迟动画雪碧图？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Angular 2中，有没有一种在字符串中进行角度绑定的方法EN

在线客服搭建方案

回答 2

Stack Overflow用户

Stack Overflow用户

雪碧图动画的CAKeyframeAnimation

旋转动画雪碧图？

Unity 5.2 -雪碧图动画

雪碧图动画Android Studio

如何在Andengine中延迟动画雪碧图？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Angular 2中，有没有一种在字符串中进行角度绑定的方法
EN