2017-01-29 7 views
5

काम करता है उदाहरण मेरे लिए काम नहीं करेगा:कोणीय 2 - * ngIf एक किसी और ब्लॉक के साथ मुझे " 'ngIfElse' करने के लिए बाध्य नहीं किया जा सकता" देता है, लेकिन * किसी और ब्लॉक के बिना ngIf angular.io से सीधे

<button (click)="show = !show">{{show ? 'hide' : 'show'}}</button> 
show = {{show}} 
<br> 
<div *ngIf="show; else elseBlock">Text to show</div> 
<template #elseBlock>Alternate text while primary text is hidden</template> 

इसके बजाए, ब्राउज़र कंसोल त्रुटियां: "ngIfElse 'से बाध्य नहीं हो सकती है क्योंकि यह' div 'की ज्ञात संपत्ति नहीं है।"

मेरे मॉड्यूल इस (CommonModule मैं शामिल कर रहा हूँ) की तरह दिखता है:

import { CommonModule } from '@angular/common'; 
import { NgModule }  from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    CommonModule 
    ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

तो मुझे यकीन है कि क्या मुद्दा है नहीं कर रहा हूँ? अगर मैं div से "; else elseBlock" को हटा देता हूं, तो * ngIf कथन इरादे के रूप में कार्य करता है। इसलिए, मेरा मानना ​​है कि मेरे आयात सही हैं। कोई भी मदद बहुत ही सराहनीय होगी।

+1

आप किस संस्करण कोणीय का उपयोग कर रहे हैं? आयात करें 'कॉमन मॉड्यूल' आपके मामले में अनावश्यक है – yurzui

+3

'ngIfElse' इनपुट कोणीय ** 4.0.0-beta.0 ** – yurzui

+0

के बाद पेश किया गया था, मैं सिर्फ कोणीय सीखना शुरू कर रहा हूं और क्विकस्टार्ट बीज प्रोजेक्ट के साथ शुरू किया हूं। मेरे पैकेज.जेसन को देखकर, मेरा मानना ​​है कि मैं ज्यादातर चीजों के लिए 2.4.0 का उपयोग कर रहा हूं: "निर्भरता": { "@ कोणीय/सामान्य": "~ 2.4.0", "@ कोणीय/कंपाइलर": "~ 2.4.0", "@ कोणीय/कोर": "~ 2.4.0", "@ कोणीय/रूप": "~ 2.4.0", "@ कोणीय/http": "~ 2.4.0 ", " @ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र ":" ~ 2.4.0 ", " @ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र-गतिशील ":" ~ 2.4.0 ", " @ कोणीय/राउटर ":" 3.4। 0 ", – rhino

उत्तर

2

तो मुझे 2.4.0 से 4.0.0-बीटा 5 में मेरी पैकेज.जेसन फ़ाइल में कोणीय संस्करणों को बदलने के बाद यह काम करने के लिए मिला। यदि आप कोणीय चेंजलॉग (https://github.com/angular/angular/blob/master/CHANGELOG.md) देखते हैं तो ऐसा लगता है कि एनजीआईएफ का 'अन्य' भाग तब तक काम नहीं करता जब तक कि कोणीय 4.0.0-बीटा 0

मुझे यकीन नहीं है कि आधिकारिक दस्तावेज बताता है कि 'अन्यथा कैसे उपयोग करें' 'क्योंकि इस लेखन के समय का कम से, नवीनतम स्थिर संस्करण does not को भी समर्थन' * ngIf

0

की किसी और 'भाग इस के लिए ngIf/वरना

कोणीय 4 संस्करण में काम करेंगे

// सिंटेक्स

<div *ngIf=”condition; else elseBlock”>Truthy condition</div> 
<template #elseBlock>Falsy condition</template> 

बस अपग्रेड करें ई कोणीय संस्करण 2 से 4 तक, बाकी सभी ठीक

संबंधित मुद्दे