angular - কৌণিক 2: এক্সকে আবদ্ধ করা যায় না কারণ এটি কোনও পরিচিত দেশী সম্পত্তি নয়




angular2-template (2)

এই প্রশ্নের ইতিমধ্যে এখানে একটি উত্তর আছে:

কৌণিক 2 উপাদানটিতে আমার authbox.component.ts

import {Component} from 'angular2/core';
import {COMMON_DIRECTIVES} from 'angular2/common';
import {Credentials} from './credentials'
@Component({
    selector: 'authbox',
    template: `<div>
       <div class="login-panel" *NgIf="!IsLogged">
            <input type="text" *NgModel="credentials.name" />
            <input type="password" *NgModel="credentials.password" />
            <button type="button" (click)="signIn(credentials)">→| Sign In</button>
        </div>
        <div class="logged-panel" *NgIf="IsLogged">
            <span>{nickname}</span>&nbsp;&nbsp; <button type="button" (click)="signOut()">|→ Sign out</button>
        </div>
    </div>`,
    directives: [COMMON_DIRECTIVES]
})


export class AuthBoxComponent {

    private _isLogged: boolean;

    get IsLogged(): boolean {
        return this._isLogged
    }
    set IsLogged(value: boolean) {
        this._isLogged = value;
    }

    public credentials: Credentials;

}

ব্রাউজারে আমি ত্রুটি পেয়েছি '' এনজিমোডেল'-এর সাথে আবদ্ধ হতে পারি না কারণ এটি একটি পরিচিত নেটিভ সম্পত্তি নয় »এবং Ng 'এনজিআইএফ'-এর সাথে আবদ্ধ হতে পারে না কারণ এটি কোনও পরিচিত নেটিভ সম্পত্তি নয় »

আমি বিটা 8 ব্যবহার করছি।


সাধারণভাবে, এটি can't bind to xxx since it isn't a known native property কোনও অ্যাট্রিবিউট ডাইরেক্টিভ ব্যবহারের চেষ্টা করার সময়, বা কোনও সম্পত্তি বাইন্ডিং সেটআপ করার চেষ্টা করার সময় যখন আপনার এইচটিএমএলটিতে টাইপ থাকে তখন can't bind to xxx since it isn't a known native property ত্রুটি হয় না।

সাধারণ উদাহরণগুলি হ'ল যখন আপনি একটি * বা # মিস করেন বা কৌণিক অন্তর্নির্মিত কাঠামোগত নির্দেশাবলীর পরিবর্তে ব্যবহার করতে বা ব্যবহার করতে পারেন:

<div  ngIf="..."                 // should be *ngIf
<div  ngFor="..."                // should be *ngFor="..."
<div *ngFor="let item in items"  // should be "let item of items"
<div *ngFor="item of items"      // should be "let item of items"

একটি ভুল বানান বা ভুল ক্ষেত্রেও সমস্যা তৈরি হবে ::

<div *ngFer="..."
<div *NgFor="..."

আর একটি কারণ হ'ল আপনি যদি এমন কোনও সম্পত্তি নির্দিষ্ট করেন যা ডোম উপাদান বা উপাদানটিতে বিদ্যমান নেই:

<div [prop1]="..."       // prop1 isn't a valid DOM property for a div
<my-comp [answr]="..."   // typo, should be [answer]

বিল্ট-ইন কৌণিক নির্দেশাবলী সহ টাইপসের জন্য, যেহেতু টাইপো কোনও অন্তর্নির্মিত নির্দেশক নির্বাচকগুলির সাথে মেলে না, তাই কৌণিকটি টাইমোর সাথে ডোম উপাদানটির (কোনও উদাহরণে বিভাজন) কোনও সম্পত্তি আবদ্ধ করার চেষ্টা করে above নাম। এটি ব্যর্থ হয় কারণ একটি ngIf নেটিভ ngIf বা ngFer বা prop1 ডম সম্পত্তি নেই।

-

অ্যাট্রিবিউটের জন্য (বৈশিষ্ট্য নয়) আপনাকে অ্যাট্রিবিউট বাইন্ডিং ব্যবহার করতে হবে, উদাহরণস্বরূপ <svg [attr.height]="myHeightProp"> এর height <svg [attr.height]="myHeightProp"> : <svg [attr.height]="myHeightProp">


*ngIf পরিবর্তে [(ngModel)] ব্যবহার করার চেষ্টা করুন এবং *ngIf পরিবর্তে *ngIf ব্যবহার করুন

<span>{{nickname}}</span>&nbsp;&nbsp; <button type="button" (click)="signOut()">|→ Sign out</button>

export class AuthBoxComponent {
    nickname="guest";
    ...
}





angular2-template