虽然ng-model用于选择框,ng-selected也用于选项,其中某些条件是ng-selected时间不起作用.
如果我将删除ng-model而不是ng-selected正在工作,但是如果我将删除ng-model而不是我应该如何获得控制器中选择框的值.
请帮忙 !
这是我的代码......
HTML:
<select class="form-control" ng-change="accessModeSelected()">
<option ng-selected="mode.status == '1'" ng-repeat="mode in storageResult.accessMode" ng-value="mode.name" name="accessMode{{$index}}" id="accessMode">
{{mode.name}}
</option>
</select>
Run Code Online (Sandbox Code Playgroud)
AngularJS:
$scope.storageResult = {
"storageAccount":"Enable",
"user": "sdcard",
"pass": "sdcard",
"wifiIP": "0",
"ipAddr": "0",
"accessMode": [
{"name": "Local Storage","status": "0"},
{"name":"WiFi Storage", "status": "1"},
{"name":"Internet Storage", "status": "0"}
]
}
Run Code Online (Sandbox Code Playgroud) angularjs angularjs-ng-repeat angularjs-ng-model angularjs-select
我在父组件中有一个要检测发出的事件的地方。
child.component.ts
@Component({
selector: 'child-component',
templateUrl: './child.component.html',
styleUrls: ['./child.component.scss']
})
export class ChildComponent implements OnInit {
@Input() public state: String = 'CLOSED';
@Output() public stateChanged: EventEmitter<String> = new EventEmitter<String>();
this.stateChanged.emit(this.state);
Run Code Online (Sandbox Code Playgroud)
}
parent.component.html
<router-outlet (stateChanged)="onStateChange($event)"><router-outlet>
Run Code Online (Sandbox Code Playgroud)
parent.component.ts
onStateChange(event){
console.log(event);
}
Run Code Online (Sandbox Code Playgroud)
这对我不起作用!
编译后的HTML代码如下所示:
<router-outlet></router-outlet>
<child-component>
// all child component code
<child-component>
Run Code Online (Sandbox Code Playgroud)
有什么方法可以推(stateChanged)="onStateChange($event)"入<child-component>元素吗?
有人可以帮忙吗?