javascript - ng-tags-input 和 bootstrap 用于哑巴

Question

需要一些帮助来尝试为网站上的注册页面添加 ng-tag，但我真的不知道该怎么做

我正在使用 bootstrap 和 jinja 2，基本上我的表单看起来像：

<div class="form-group">
     <label for="inputInterest" class="col-lg-3 control-label">your interest</label>

<div class="col-lg-9">
     <input type="text" class="form-control" id="inputInterest" name="interest" placeholder="interest">
            </div>
        </div>

我需要什么：将通常的 str 更改为带有 ng-tag 的标签

非常感谢大家，w8 回答：3

Answer 1

要在您的 div 类中安装 ng 标签：

<div class="form-group">
     <label for="inputInterest" class="col-lg-3 control-label">your interest</label>

<div class="col-lg-9">
     <input type="text" class="form-control" id="inputInterest" name="interest" placeholder="interest">
            </div>
        </div>

您首先需要有一个 Js 文件（在这种情况下，我将其命名为 app.js）：

其中包含以下内容（您可以将 myApp 更改为任何字符串...）：

var app = angular.module("myApp", []);

然后你需要一个控制器（在这种情况下，我将其命名为 mainController.Js）：

app.controller('MainController', ['$scope', function($scope) { 

}]);

现在你可以像这样在你的 div 中实现 ng 标签：

 <div class="form-group" ng-controller="MainController">
         <label for="inputInterest" class="col-lg-3 control-label">your interest</label>

    <div class="col-lg-9" ng-controller="MainController">
         <input type="text" class="form-control" id="inputInterest" name="interest" placeholder="interest">
                </div>
            </div>

在此处了解有关 Angular js的更多信息！