实现标签的添加与删除(tags)

在项目中会遇到，标签（tags）的添加与去除的需求

demo:我们有 tags   ‘专利’，‘商标’，‘版权’，‘域名’

demand:在发布内容的时候，要求可以添加tag,(实现tag的增加与删除)

html： 

<ul class="list-inline">
    <li>
        <a  class="btn btn-sm btn-outline-green "
             ng-init="pr=false"
             ng-click="pr=!pr;addTag('专利',pr)"
             ng-class="{true:'btn-active',false:''}[pr]">
            专利
        </a>
    </li>
    <li>
        <a  class="btn btn-sm btn-outline-green"
           ng-init="cl=false"
             ng-click="cl=!cl;addTag('商标',cl)"
           ng-class="{true:'btn-active',false:''}[cl]">
            商标
        </a>
    </li>
    <li>
        <a   class="btn btn-sm btn-outline-green"
             ng-init="cr=false"
             ng-click="cr=!cr;addTag('版权',cr)"
             ng-class="{true:'btn-active',false:''}[cr]"
                >版权</a></li>
    <li><a  class="btn btn-sm btn-outline-green"
            ng-init="dn=false"
            ng-click="dn=!dn;addTag('域名',dn)"
            ng-class="{true:'btn-active',false:''}[dn]"
            >域名</a></li>
</ul>　　

js:

//标签的增加，与删除（发布创意中）

 s.addTag = function (str, sta) {//参数一：tag 的名字，参数二：状态（true,false）
                if (sta) {
                    s.ideas.tags.push(str);//添加
                }
                else {
                    s.ideas.tags.splice(s.ideas.tags.indexOf(str), 1);//删除
                }
                console.log(s.ideas.tags);
            };