目录

uniqueName: <binding-value>

此绑定用于为DOM元素生成唯一名称。 如果DOM元素没有name属性,则此绑定将其赋予一个并将其设置为某个唯一的字符串值。

您不需要经常使用它。 它仅在少数情况下有用,例如 -

  • jQuery Validation目前只验证具有名称的元素。 要在Knockout UI中使用它,有时需要应用uniqueName绑定以避免混淆jQuery验证。

  • 如果没有名称属性,IE 6不允许检查单选按钮。 KO将在内部对这些元素使用uniqueName以确保可以检查它们。

语法 (Syntax)

uniqueName: <binding-value>

参数 (Parameters)

这里的参数将是布尔值true或false,或者是一个导致类似布尔值的表达式。 KO为此参数设置为true或类似true的元素生成唯一名称。

例子 (Example)

让我们看一下下面的示例,该示例演示了uniqueName绑定的用法。

<!DOCTYPE html>
   <head>
      <title>KnockoutJS UniqueName Binding</title>
      <script src = "https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"
         type = "text/javascript"></script>
   </head>
   <body>
      <p>Enter your pet's name: 
         <input data-bind = "value: someValue, uniqueName: true" />
      </p>
      <p>
         <button data-bind = "click: showMessage">Click here to read message </button>
      </p>
      <script type = "text/javascript">
         function ViewModel() {
            this.someValue = ko.observable();
            this.showMessage = function() {
               alert(" Nice Name"+ "\nSee rendered markup to view unique name generated!!!");
            }
         };
         var vm = new ViewModel();
         ko.applyBindings(vm);
      </script>
   </body>
</html>

输出 (Output)

让我们执行以下步骤来查看上述代码的工作原理 -

  • 将以上代码保存在uniquename-bind.htm文件中。

  • 在浏览器中打开此HTML文件。

  • 按F12并观察渲染的标记。 唯一名称由KO生成。

新页面打开
↑回到顶部↑
WIKI教程 @2018