Angularjs 无法从动态创建的输入框中获取ng模型值

下面是我如何添加字段的

$scope.addEmailField = function () {   //Function to add new email field.
    if (valid <= 1 && checkToDelete == 0) {
        var mailTxtId = 'mail' + valid;
        var mailModel = 'Contact_Email' + valid;
        var hide = 'hide' + valid;
        hide = false;
        console.log(mailTxtId);
        var emailDiv = angular.element(document.querySelector('#emailDiv'));
        var element = $compile('<div id="' + mailTxtId + '" style="margin-left: -60px; width:200px; margin-top:15px"><input id= "' + mailModel + '" type = "text" class="form-control" ng-model="' + mailModel + '" ng-blur="validateEmailDynamic(' + valid + ')">' +
            '<input id="' + valid + '" class="form-control" style="margin-left: 206px; width:54px; margin-top:-34px" type="button" value="-" ng-click="deleteField(' + valid + ')"><span ng-show ="' + hide + '" style="color:red">' +
            'Invalid email</span></div>')($scope);
        emailDiv.append(element);

        valid = valid + 1;
    }
};

$scope.addEmailField=function（）{//用于添加新电子邮件字段的函数。
if（valid将您的输入框存储在指令的模板中。然后添加ng类，该类将确定它是否应该显示

app.directive('inputBox', function(){
     template:'<input ng-model="item">'
});

这只是实现这一点的众多方法之一。但指令对于动态显示模板非常有用。
对不起，哪个jquery标记？我正在获取需要添加元素的div。方法（ng click）正常，但ng model无效。有没有更好的添加元素的方法？
<div ng-class="{ input-box : triggerInputBox }"></div>

$scope.triggerInputBox = true;