aurelia-templating

0熱度

1回答

我非常清楚，我可以用消毒的innerHTML綁定的數據： <div innerhtml.bind="someData | sanitizeHTML"></div> 但是，根據我的觀察，這個消毒不僅能消除<script>標籤。它不保護從事件驅動的內容，例如用戶： "Hi! I am some HTML-formatted data from the server! <button onclick

1熱度

1回答

Aurelia撰寫ViewModel-less

試圖讓Aurelia撰寫ViewModel-less工作和有一些問題。我在項目中遇到問題，所以爲了測試我克隆了skeleton-typescript項目。我在src目錄中創建了一個test.html頁面，其內容爲<template><div>Hi I'm a test message</div></template>。然後，在welcome.html頁面中，我在提交按鈕 <template>

1熱度

1回答

在aurelia視圖中動態命名多個插槽

在Aurelia中，我創建了一個作爲容器進行交互的自定義元素。此容器在子節點周圍創建一些UI元素。這些自定義元素可以在任何視圖中使用如下： <wizard-container ref="container"> <wizard-step title="Step 1" view-model="step1"></wizard-step> <wizard-step title="

1熱度

1回答

如何使用靜態方法在視圖模板

我想在我的視圖模板使用靜態類常量的Javascript class FilterModel { static const FILTER_TYPE_STRING() { return 'string'; } } HTML <div show.bind="selectedFacet.type===FilterModel.FILTER_TYPE_STRING">

2熱度

1回答

在Aurelia中，是否可以在repeat.for綁定中使用插槽？

我想創建一個自定義元素，循環遍歷一個數組，並將其應用於數組中的每個項目。例如，定製元素的視圖模板將包含這樣的： <div repeat.for="i of items"> <div with.bind="i"> <slot></slot> </div> </div> 當我除去repeat.for和with.bind屬性，所述槽將顯示一個單一的時間。有沒有辦法讓列

3熱度

2回答

在運行時更改元素類型

是否可以在運行時動態定義自定義組件模板內的元素類型？我想，以避免在下面的示例中的button和a元件的內部重複內容： <template> <button if.bind="!isLinkBtn"> <span class="btn-icon">${icon}</span> <span class="btn-text">${contentText}</span>

0熱度

2回答

獲取無容器元素的ViewModel

在Aurelia中，當我想訪問作爲aurelia自定義元素的DOM元素的視圖模型時，我可以使用Aurelia重視的au屬性，如componentElement.au.controller.viewModel。當我的自定義元素是無容器的（屬性級別爲屬性@containerless）時，屬性au不可用。這個要點說明了這一點： https://gist.run/?id=928f97f49c01c1d

0熱度

2回答

奧裏利亞自定義元素 - $父未定義

我有模板，中繼器：其中打印結果： 0 - 0 0 - 1 1 - 0 1 - 1 如果我使用自定義元素child-item用相同的模板： <template> <p>${ $parent.$index } - ${ $index }</p> </template> 並使用child-item寫我的原始示例： <template repeat.for="i of 2

0熱度

1回答

相對於ng-include在Aurelia.js

我想導入到我的主要html幾個其他部分，如heder，footer，所以我可以在aurelia中做這個嗎？我想這個波紋管和沒有工作 <template> <import from='header.html'></import> <import from='footer.html'></import> </template>

0熱度

2回答

範圍基於REF

我有REF爲形式，其是自定義元件 <form ref="domRef" ...> 我有裁判用於現場太，這是另一個定製元素（被表單內使用） <input type="text" ref="domRef" .....> 但窗體的視圖模型裏面attach（）我得到this.domRef是輸入的參考。 attached(){ console.log(this.domRef); }