程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在Angular中预先使用Bootstrap type大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在Angular中预先使用Bootstrap type?

开发过程中遇到在Angular中预先使用Bootstrap type的问题如何解决?下面主要结合日常开发的经验,给出你关于在Angular中预先使用Bootstrap type的解决方法建议,希望对你解决在Angular中预先使用Bootstrap type有所启发或帮助;

AngularStrap for bootstrap3中有一个有效的本机实现,它利用ngAnimate了AngularJs v1.2 +

  • 演示:http : //mgcrea.github.io/angular-strap/##typeaheads

您可能还想结帐:

  • 来源:https : //github.com/mgcrea/angular-strap/blob/master/src/typeahead/typeahead.Js
  • Plunkr:http://plnkr.co/edit/VB43wxoDBhVyRMnKUHr9?p = prevIEw

解决方法

我目前正在开发一个Web应用程序,该应用程序很好地使用了twitter-bootstrap和Angularjs。但是,我在将typeahead用作ng-
model时遇到问题

键入时一切正常,但是当我选择一个项目(建议)时,除非在选择值后更改文本框的值,否则该值不会反映在Angular控制器中。类型->选择->类型有效。类型->选择不起作用。

HTML:

<form ng-submit="addAssignment(assignName)">
  <div class="input-append">
    <input type="text" placeholder="Type a name" ng-model="assignName" ng-change="dostuff()" data-provide="typeahead" data-source="{{ teamnames }}">
    <button class="btn" type="submit">Add</button>
 </div>
</form>

角度代码:

 $scope.addAssignment = function(Name) {
    alert(Name);
    return;
 }

我添加了一个ng-change功能,只是为了检查何时更改模型值。仅在手动键入时更改,而在预输入列表中选择一个值时则不会更改。

感谢您提供任何可能有助于解决此问题的回复。谢谢!

大佬总结

以上是大佬教程为你收集整理的在Angular中预先使用Bootstrap type全部内容,希望文章能够帮你解决在Angular中预先使用Bootstrap type所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: