问使用角指令的自定义格式的电子邮件字段在我输入时会消失。

EN

app.directive('customForm', [function(){
	return {
		scope: {
			userName : '@',
			passWord : '@',
			emailId : '@',
			telPhone : '@',
			address : '@',
			city : '@',
			state : '@',
			country : '@',
			pinCode : '@',
		},
		controller: 'FormController',
		restrict: 'AE',
		templateUrl: 'tpls/form.html',
		
	};
}]);

app.controller('FormController', [function(){
	var self  = this;
	self.username = "hemal";
	self.passWord = "passWord";
}]);

<!-- index.html -- >
<!-- <div ng-controller="FormController as fc">
            <custom-form user-name pass-word email-id tel-phone country pin-code>
            </custom-form>

        </div> -->

<!-- tpls/form.html -->
<div ng-hide="userName == null">
    <label>Name:</label>
    <input type="text" ng-model="userName"></input>
</div>
<div ng-hide="passWord == null">
    <label>Pass:</label>
    <input type="text" ng-model="passWord"></input>
</div>
<div ng-hide="emailId == null">
    <label>Email:</label>
    <input type="email" ng-model="emailId"></input>
</div>
<div ng-hide="telPhone == null">
    <label>telephone:</label>
    <input type="tel" ng-model="telPhone"></input>
</div>

<div ng-hide="address == null">
    <label>Address:</label>
    <input type="text" ng-model="address"></input>
</div>
<div ng-hide="city == null">
    <label>city:</label>
    <input type="text" ng-model="city"></input>
</div>
<div ng-hide="state == null">
    <label>state:</label>
    <input type="text" ng-model="state"></input>
</div>
<div ng-hide="country == null">
    <label>country:</label>
    <input type="text" ng-model="country"></input>
</div>
<div ng-hide="pinCode == null">
    <label>pincode:</label>
    <input type="text" ng-model="pinCode"></input>
</div>