Javascript angularJS：如何断开模型和视图之间的链接_Javascript_Angularjs

Javascript angularJS：如何断开模型和视图之间的链接

javascript angularjs

Javascript angularJS：如何断开模型和视图之间的链接,javascript,angularjs,Javascript,Angularjs,我想知道是否有可能在运行时中断模型和视图之间的链接。在下面的示例中，所有的都链接在一起（通过文本模型）。当我单击按钮时，我想使angular不再更新最后的输入（例如，启动一些jquery效果…）我的真实情况如下：在JSFIDLE示例中，当我按下“+”按钮时，我希望旧值（正在淡出的值）不再改变。您可以淡出jQuery克隆的html元素： HTML: 小提琴的预期/期望行为是什么？因此，如果删除ng模型属性，它不会丢失关联？@Soubok您真的需要断开模型和视图之间的链接吗？像这样的

我想知道是否有可能在运行时中断模型和视图之间的链接。
在下面的示例中，所有的都链接在一起（通过文本模型）。当我单击按钮时，我想使angular不再更新最后的输入（例如，启动一些jquery效果…）

我的真实情况如下：

在JSFIDLE示例中，当我按下“+”按钮时，我希望旧值（正在淡出的值）不再改变。

您可以淡出jQuery克隆的html元素：

HTML:

小提琴的预期/期望行为是什么？因此，如果删除ng模型属性，它不会丢失关联？@Soubok您真的需要断开模型和视图之间的链接吗？像这样的东西怎么样：？@Soubok更好的例子：@ArtemAndreev，这是个好主意，但我真的需要我的“渐弱”输入成为模型的一部分。

<html ng-app>
  <head>
    <script src="angular-1.0.1.js"></script>
  </head>
  <body>
    <input ng-model="text"/><br/>
    <input ng-model="text"/><br/>
    <input ng-model="text"/><input type="button" value="<- break!" ng-click="???"/><br/>
  </body>
</html>

<div ng-app="test">
    <input type="button" value=" + " ng-click="index = index + 1"/>
    <input ng-model="index" smooth="index" style="display:block"/>
    [{{index}}]
</div>

angular.module('test', [])
.directive('smooth', function() {
    return {
        transclude: 'element',
        priority: 750,
        terminal: true,
        compile: function(element, attr, linker) {
            return function(scope, iterStartElement, attr) {

                var prevClone = null;

                scope.$watch(attr.smooth, function() {

                    var newScope = scope;

                    linker(newScope, function(clone) {

                        if ( prevClone ) {

                            newPrevClone = prevClone.clone();
                            prevClone.after(newPrevClone);
                            prevClone.remove();
                            newPrevClone.fadeOut(2000, function() { $(this).remove() });
                        }

                        iterStartElement.after(clone);

                        prevClone = clone;
                    });
                });
            }
        }
    };
})