Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/322.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何使用angular获取值并追加?_Angularjs - Fatal编程技术网

Angularjs 如何使用angular获取值并追加?

Angularjs 如何使用angular获取值并追加?,angularjs,Angularjs,我确实在文本框中自动完成了,但当我从自动完成中选择时,并没有追加,而是我在文本框中键入的内容 我试了这么多我不知道我哪里做错了 请查看以下内容: 我在这段代码的帮助下: 剧本 我需要的文本,我在自动完成选择要追加下来在ul李,但它不来请检查这一点,我尽我所能,所以有人帮助我。 谢谢我同意克莱斯的观点,混合使用angular和jquery永远都不是一个好主意。但是如果您想使用相同的方法,那么您可以删除html中的ng model='newContact',因为下面的方法不需要双向绑定,并用下面的代

我确实在文本框中自动完成了,但当我从自动完成中选择时,并没有追加,而是我在文本框中键入的内容

我试了这么多我不知道我哪里做错了 请查看以下内容:

我在这段代码的帮助下:

剧本

我需要的文本,我在自动完成选择要追加下来在ul李,但它不来请检查这一点,我尽我所能,所以有人帮助我。
谢谢

我同意克莱斯的观点,混合使用angular和jquery永远都不是一个好主意。但是如果您想使用相同的方法,那么您可以删除html中的ng model='newContact',因为下面的方法不需要双向绑定,并用下面的代码替换完整的函数

$scope.complete = function(){
 var newContact = $('#tags').val();
 $scope.contacts.push(newContact);
 $('#tags').val();
}

在一个函数中混合angular和jquery从来都不是一个好主意。如果它在两个函数中,它会正确吗?angular处理数据,jquery处理DOM。不能像这样将DOM元素作为数据处理。最好的建议是使用angular ui中的angular Typeahead之类的东西,它可以实现您本机想要的功能。但是,如果必须使用jquery,则必须编写自定义jquery函数并从Angular指令内部使用它。基本上,Angular永远不会看到jquery更改了文本框的值,因为它无法与非Angular库进行双向绑定。jeez不要混合使用Angular和jquery。如果你想提前打印,请使用角度打印HeadU能否在plunker中更新并发送给我@gopinath siva,它并没有完全正常工作。我已经用上面的代码在JSFIDLE中更新了您的代码
$scope.complete = function(){
 var newContact = $('#tags').val();
 $scope.contacts.push(newContact);
 $('#tags').val();
}