ソースを参照

Remove named modelables docs

Caleb Porzio 3 年 前
コミット
e0f2cd7bd3
1 ファイル変更0 行追加45 行削除
  1. 0 45
      packages/docs/src/en/directives/modelable.md

+ 0 - 45
packages/docs/src/en/directives/modelable.md

@@ -34,48 +34,3 @@ Here's a simple example of using `x-modelable` to expose a variable for binding
 As you can see the outer scope property "number" is now bound to the inner scope property "count".
 As you can see the outer scope property "number" is now bound to the inner scope property "count".
 
 
 Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.
 Typically this feature would be used in conjunction with a backend templating framework like Laravel Blade. It's useful for abstracting away Alpine components into backend templates and exposing state to the outside through `x-model` as if it were a native input.
-
-<a name="named-modelables"></a>
-## Named modelables
-
-Sometimes you may want to expose multiple properties to `x-model`, in these cases you can specify a name in the `x-modelable` and `x-model` directives as a way of degnating additional data bindings.
-
-Here's the example from before, but we'll add another property that we want bound: the "max" value the counter can count up to:
-
-```alpine
-<div x-data="{ number: 5, limit: 10 }">
-    <div
-        x-data="{ count: 0, max: null }"
-        x-modelable="count"
-        x-model="number"
-        x-modelable:max="max"
-        x-model:max="limit"
-    >
-        <button @click="count = count === max ? count : count + 1">
-            Increment
-        </button>
-    </div>
-
-    Number: <span x-text="number"></span>
-</div>
-```
-
-<!-- START_VERBATIM -->
-<div class="demo">
-    <div x-data="{ number: 5, limit: 10 }">
-        <div
-            x-data="{ count: 0, max: null }"
-            x-modelable="count"
-            x-modelable:max="max"
-            x-model="number"
-            x-model:max="limit"
-        >
-            <button @click="count = count === max ? count : count + 1">
-                Increment
-            </button>
-        </div>
-
-        Number: <span x-text="number"></span>
-    </div>
-</div>
-<!-- END_VERBATIM -->