當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript core.HostBinding函數代碼示例

本文整理匯總了TypeScript中@angular/core.HostBinding函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript HostBinding函數的具體用法?TypeScript HostBinding怎麽用?TypeScript HostBinding使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了HostBinding函數的15個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: hostClass

 @HostBinding('class.hc-list-item')
 get hostClass(): boolean {
     return true;
 }
開發者ID:cedar-ave,項目名稱:Fabric.Cashmere,代碼行數:4,代碼來源:list-item.component.ts

示例2: isAriaDisabled

 @HostBinding('attr.aria-disabled')
 get isAriaDisabled(): string {
   return String(this.disabled);
 }
開發者ID:RicardoVaranda,項目名稱:material2,代碼行數:4,代碼來源:menu-item.ts

示例3: getClass

 @HostBinding('class.custom-color') get getClass(){
   return true;
 }
開發者ID:harishfysx,項目名稱:AngDashBoard2,代碼行數:3,代碼來源:color.directive.ts

示例4: isActive

 @HostBinding("class.active")
 @Input()
 public get isActive():boolean {
     return this._isActive;
 }
開發者ID:edcarroll,項目名稱:ng2-semantic-ui,代碼行數:5,代碼來源:tab-header.ts

示例5: getGradient

 @HostBinding('style.backgroundImage') get getGradient(){
   return this.linearGradient;
 }
開發者ID:LuizVenarusso,項目名稱:FollowupMaua,代碼行數:3,代碼來源:gradient.directive.ts

示例6: offsidebarOpen

 @HostBinding('class.offsidebar-open') get offsidebarOpen() { return this.settings.layout.offsidebarOpen; };
開發者ID:Yizongjishi,項目名稱:osharp-ns20,代碼行數:1,代碼來源:layout.component.ts

示例7: isCollapsedText

 @HostBinding('class.aside-collapsed-text') get isCollapsedText() { return this.settings.layout.isCollapsedText; };
開發者ID:Yizongjishi,項目名稱:osharp-ns20,代碼行數:1,代碼來源:layout.component.ts

示例8: isApp_SidebarRightOpen

	//App Right Sidebar Open/Close
	@HostBinding("class.sidebar-overlay-open")
	get isApp_SidebarRightOpen() {
		return this.config.appLayout.isApp_SidebarRightOpen;
	}
開發者ID:Kitsune-tools,項目名稱:Ana-Agent-Panel,代碼行數:5,代碼來源:app.component.ts

示例9: disabled

 @HostBinding('attr.disabled')
 get disabled(): boolean {
     return this.innerDisabled;
 }
開發者ID:krozhkov,項目名稱:right-angled,代碼行數:4,代碼來源:to-prev-page.ts

示例10: isApp_SidebarLeftCollapsed

	//App Left Sidebar Menu Open/Close Desktop
	@HostBinding("class.app_sidebar-menu-collapsed")
	get isApp_SidebarLeftCollapsed() {
		return this.config.appLayout.isApp_SidebarLeftCollapsed;
	}
開發者ID:Kitsune-tools,項目名稱:Ana-Agent-Panel,代碼行數:5,代碼來源:app.component.ts

示例11: isApp_MobileSidebarLeftOpen

	//Left Menu Sidebar Open/Close Tablet & Mobile
	@HostBinding("class.app_sidebar-left-open")
	get isApp_MobileSidebarLeftOpen() {
		return this.config.appLayout.isApp_MobileSidebarLeftOpen;
	}
開發者ID:Kitsune-tools,項目名稱:Ana-Agent-Panel,代碼行數:5,代碼來源:app.component.ts

示例12: tabindex

 @HostBinding('attr.tabindex')
 get tabindex() {
   return this.active ? 0 : -1;
 }
開發者ID:qcobber,項目名稱:ng-lightning,代碼行數:4,代碼來源:tab-heading.ts

示例13: active

 @HostBinding('attr.aria-selected')
 get active() {
   return this.tab.active;
 }
開發者ID:qcobber,項目名稱:ng-lightning,代碼行數:4,代碼來源:tab-heading.ts

示例14: innerHTML

 @HostBinding('innerHTML')
 get innerHTML() {
   return this.translatedValue;
 }
開發者ID:bullhorn,項目名稱:novo-elements,代碼行數:4,代碼來源:translate.directive.ts

示例15: horizontal

 @HostBinding('class.layout-h') get horizontal() { return this.settings.layout.horizontal; };
開發者ID:Yizongjishi,項目名稱:osharp-ns20,代碼行數:1,代碼來源:layout.component.ts


注:本文中的@angular/core.HostBinding函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。