Permalink
Browse files

fix(doc): fix html5 syntax

  • Loading branch information...
huochunpeng committed Oct 8, 2018
1 parent d81ad18 commit bfbb06ac36a0deb81bcb7b1181af0c14424c2ccd
Showing with 102 additions and 102 deletions.
  1. +5 −5 doc/article/en-US/binding-checkboxes.md
  2. +2 −2 doc/article/en-US/binding-radios.md
  3. +4 −4 doc/article/en-US/binding-selects.md
  4. +13 −13 doc/article/en-US/binding-value-converters.md
  5. +3 −3 doc/example-dist/binding-checkboxes/booleans/app.html
  6. +1 −1 doc/example-dist/binding-checkboxes/numbers/app.html
  7. +1 −1 doc/example-dist/binding-checkboxes/strings/app.html
  8. +1 −1 doc/example-dist/binding-radios/numbers/app.html
  9. +1 −1 doc/example-dist/binding-radios/strings/app.html
  10. +1 −1 doc/example-dist/binding-selects/multiple/numbers/app.html
  11. +1 −1 doc/example-dist/binding-selects/multiple/objects/app.html
  12. +1 −1 doc/example-dist/binding-selects/multiple/strings/app.html
  13. +1 −1 doc/example-dist/binding-selects/single/numbers/app.html
  14. +1 −1 doc/example-dist/binding-selects/single/objects-matcher/app.html
  15. +1 −1 doc/example-dist/binding-selects/single/objects/app.html
  16. +1 −1 doc/example-dist/binding-selects/single/strings/app.html
  17. +2 −2 doc/example-dist/binding-value-converters/bi-directional-value-converters/app.html
  18. +5 −5 doc/example-dist/binding-value-converters/converter-parameters/app.html
  19. +1 −1 doc/example-dist/binding-value-converters/date-and-number/app.html
  20. +1 −1 doc/example-dist/binding-value-converters/simple-binding/app.html
  21. +1 −1 doc/example-dist/binding-value-converters/simple-converter/app.html
  22. +3 −3 doc/example/binding-checkboxes/booleans/app.html
  23. +1 −1 doc/example/binding-checkboxes/numbers/app.html
  24. +1 −1 doc/example/binding-checkboxes/strings/app.html
  25. +1 −1 doc/example/binding-radios/numbers/app.html
  26. +1 −1 doc/example/binding-radios/strings/app.html
  27. +1 −1 doc/example/binding-selects/multiple/numbers/app.html
  28. +1 −1 doc/example/binding-selects/multiple/objects/app.html
  29. +1 −1 doc/example/binding-selects/multiple/strings/app.html
  30. +1 −1 doc/example/binding-selects/single/numbers/app.html
  31. +1 −1 doc/example/binding-selects/single/objects-matcher/app.html
  32. +1 −1 doc/example/binding-selects/single/objects/app.html
  33. +1 −1 doc/example/binding-selects/single/strings/app.html
  34. +2 −2 doc/example/binding-value-converters/bi-directional-value-converters/app.html
  35. +5 −5 doc/example/binding-value-converters/converter-parameters/app.html
  36. +1 −1 doc/example/binding-value-converters/date-and-number/app.html
  37. +1 −1 doc/example/binding-value-converters/simple-binding/app.html
  38. +1 −1 doc/example/binding-value-converters/simple-converter/app.html
  39. +17 −17 test/checked-observer.spec.js
  40. +9 −9 test/element-observation.spec.js
  41. +4 −4 test/observer-locator.spec.js
@@ -47,9 +47,9 @@ Bind a boolean property to an input element's `checked` attribute using `checked
<label><input type="checkbox" checked.bind="cpu"> CPU</label>
<label><input type="checkbox" checked.bind="memory"> Memory</label>
motherboard = ${motherboard}<br/>
cpu = ${cpu}<br/>
memory = ${memory}<br/>
motherboard = ${motherboard}<br>
cpu = ${cpu}<br>
memory = ${memory}<br>
</form>
</template>
</source-code>
@@ -117,7 +117,7 @@ To define the input's "value", bind the input's `model` attribute: `model.bind="
<input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product IDs: ${selectedProductIds}
</form>
</template>
@@ -315,7 +315,7 @@ Finally, here's an example that adds and removes strings from a `selectedProduct
<input type="checkbox" value.bind="product" checked.bind="selectedProducts">
${product}
</label>
<br />
<br>
Selected products: ${selectedProducts}
</form>
</template>
@@ -69,7 +69,7 @@ Let's start with an example that uses a numeric "selected item" property. In thi
model.bind="product.id" checked.bind="selectedProductId">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product ID: ${selectedProductId}
</form>
</template>
@@ -313,7 +313,7 @@ Finally, here's an example using strings. This is example is unique because it d
value.bind="product" checked.bind="selectedProduct">
${product}
</label>
<br />
<br>
Selected product: ${selectedProduct}
</form>
</template>
@@ -63,7 +63,7 @@ A `<select>` element can serve as a single-select or multiple-select "picker" de
<source-code lang="HTML">
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProductId">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -129,7 +129,7 @@ A `<select>` element can serve as a single-select or multiple-select "picker" de
<source-code lang="HTML">
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -204,7 +204,7 @@ You may run into situations where the object your select element's value is boun
<source-code lang="HTML">
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct" matcher.bind="productMatcher">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -293,7 +293,7 @@ You may run into situations where the object your select element's value is boun
<source-code lang="HTML">
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct">
<option value="">Choose...</option>
<option repeat.for="product of products"
@@ -33,7 +33,7 @@ Here's a simple data-binding example using the **bind** (`.bind="expression"`) a
<source-code lang="HTML">
<template>
<label for="name">Enter Name:</label>
<input id="name" type="text" value.bind="name" />
<input id="name" type="text" value.bind="name">
<p>Name is ${name}</p>
</template>
</source-code>
@@ -80,7 +80,7 @@ Sometimes the raw data exposed by your view-model isn't in a format that's ideal
<code-listing heading="date-and-number.html">
<source-code lang="HTML">
<template>
${currentDate} <br/>
${currentDate} <br>
${netWorth}
</template>
</source-code>
@@ -172,7 +172,7 @@ Before we get too far into the details, let's rework the previous example to use
<require from="./date-format"></require>
<require from="./currency-format"></require>
${currentDate | dateFormat} <br/>
${currentDate | dateFormat} <br>
${netWorth | currencyFormat}
</template>
</source-code>
@@ -204,7 +204,7 @@ Finally, we applied the converter in the binding using the pipe `|` syntax:
<code-listing heading="Converter Syntax">
<source-code lang="HTML">
${currentDate | dateFormat} <br/>
${currentDate | dateFormat} <br>
${netWorth | currencyFormat}
</source-code>
</code-listing>
@@ -278,11 +278,11 @@ The converters in the previous example worked great, but what if we needed to di
<require from="./date-format"></require>
<require from="./number-format"></require>
${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br/>
${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
${currentDate | dateFormat:'h:mm:ss a'} <br/>
${netWorth | numberFormat:'$0,0.00'} <br/>
${netWorth | numberFormat:'$0.0a'} <br/>
${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br>
${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
${currentDate | dateFormat:'h:mm:ss a'} <br>
${netWorth | numberFormat:'$0,0.00'} <br>
${netWorth | numberFormat:'$0.0a'} <br>
${netWorth | numberFormat:'0.00000)'}
</template>
</source-code>
@@ -296,8 +296,8 @@ With the `format` parameter added to the `toView` methods, we are able to specif
<code-listing heading="Converter Parameter Syntax">
<source-code lang="HTML">
${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
${netWorth | numberFormat:'$0.0a'} <br/>
${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
${netWorth | numberFormat:'$0.0a'} <br>
</source-code>
</code-listing>
@@ -603,8 +603,8 @@ In the example below, we have a view-model that exposes colors in an object form
<require from="./rgb-to-hex"></require>
<label for="color">Select Color:</label>
<input id="color" type="color" value.bind="rgb | rgbToHex" />
<br/> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
<input id="color" type="color" value.bind="rgb | rgbToHex">
<br> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
</template>
</source-code>
</code-listing>
@@ -5,8 +5,8 @@ <h4>Products</h4>
<label><input type="checkbox" checked.bind="cpu"> CPU</label>
<label><input type="checkbox" checked.bind="memory"> Memory</label>
motherboard = ${motherboard}<br/>
cpu = ${cpu}<br/>
memory = ${memory}<br/>
motherboard = ${motherboard}<br>
cpu = ${cpu}<br>
memory = ${memory}<br>
</form>
</template>
@@ -5,7 +5,7 @@ <h4>Products</h4>
<input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product IDs: ${selectedProductIds}
</form>
</template>
@@ -5,7 +5,7 @@ <h4>Products</h4>
<input type="checkbox" value.bind="product" checked.bind="selectedProducts">
${product}
</label>
<br />
<br>
Selected products: ${selectedProducts}
</form>
</template>
@@ -6,7 +6,7 @@ <h4>Products</h4>
model.bind="product.id" checked.bind="selectedProductId">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product ID: ${selectedProductId}
</form>
</template>
@@ -6,7 +6,7 @@ <h4>Products</h4>
value.bind="product" checked.bind="selectedProduct">
${product}
</label>
<br />
<br>
Selected product: ${selectedProduct}
</form>
</template>
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProductIds">
<option repeat.for="product of products"
model.bind="product.id">
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProducts">
<option repeat.for="product of products"
model.bind="product">
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProducts">
<option repeat.for="product of products"
value.bind="product">
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProductId">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct" matcher.bind="productMatcher">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct">
<option value="">Choose...</option>
<option repeat.for="product of products"
@@ -2,6 +2,6 @@
<require from="./rgb-to-hex.js"></require>
<label for="color">Select Color:</label>
<input id="color" type="color" value.bind="rgb | rgbToHex" />
<br/> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
<input id="color" type="color" value.bind="rgb | rgbToHex">
<br> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
</template>
@@ -2,10 +2,10 @@
<require from="./date-format.js"></require>
<require from="./number-format.js"></require>
${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br/>
${currentDate | dateFormat:'MMMM Mo YYYY'} <br/>
${currentDate | dateFormat:'h:mm:ss a'} <br/>
${netWorth | numberFormat:'$0,0.00'} <br/>
${netWorth | numberFormat:'$0.0a'} <br/>
${currentDate | dateFormat:'M/D/YYYY h:mm:ss a'} <br>
${currentDate | dateFormat:'MMMM Mo YYYY'} <br>
${currentDate | dateFormat:'h:mm:ss a'} <br>
${netWorth | numberFormat:'$0,0.00'} <br>
${netWorth | numberFormat:'$0.0a'} <br>
${netWorth | numberFormat:'0.00000)'}
</template>
@@ -1,4 +1,4 @@
<template>
${currentDate} <br/>
${currentDate} <br>
${netWorth}
</template>
@@ -1,5 +1,5 @@
<template>
<label for="name">Enter Name:</label>
<input id="name" type="text" value.bind="name" />
<input id="name" type="text" value.bind="name">
<p>Name is ${name}</p>
</template>
@@ -2,6 +2,6 @@
<require from="./date-format.js"></require>
<require from="./currency-format.js"></require>
${currentDate | dateFormat} <br/>
${currentDate | dateFormat} <br>
${netWorth | currencyFormat}
</template>
@@ -5,8 +5,8 @@ <h4>Products</h4>
<label><input type="checkbox" checked.bind="cpu"> CPU</label>
<label><input type="checkbox" checked.bind="memory"> Memory</label>
motherboard = ${motherboard}<br/>
cpu = ${cpu}<br/>
memory = ${memory}<br/>
motherboard = ${motherboard}<br>
cpu = ${cpu}<br>
memory = ${memory}<br>
</form>
</template>
@@ -5,7 +5,7 @@ <h4>Products</h4>
<input type="checkbox" model.bind="product.id" checked.bind="selectedProductIds">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product IDs: ${selectedProductIds}
</form>
</template>
@@ -5,7 +5,7 @@ <h4>Products</h4>
<input type="checkbox" value.bind="product" checked.bind="selectedProducts">
${product}
</label>
<br />
<br>
Selected products: ${selectedProducts}
</form>
</template>
@@ -6,7 +6,7 @@ <h4>Products</h4>
model.bind="product.id" checked.bind="selectedProductId">
${product.id} - ${product.name}
</label>
<br />
<br>
Selected product ID: ${selectedProductId}
</form>
</template>
@@ -6,7 +6,7 @@ <h4>Products</h4>
value.bind="product" checked.bind="selectedProduct">
${product}
</label>
<br />
<br>
Selected product: ${selectedProduct}
</form>
</template>
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProductIds">
<option repeat.for="product of products"
model.bind="product.id">
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProducts">
<option repeat.for="product of products"
model.bind="product">
@@ -1,6 +1,6 @@
<template>
<label>
Select products:<br/>
Select products:<br>
<select multiple value.bind="selectedProducts">
<option repeat.for="product of products"
value.bind="product">
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProductId">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
@@ -1,6 +1,6 @@
<template>
<label>
Select product:<br/>
Select product:<br>
<select value.bind="selectedProduct" matcher.bind="productMatcher">
<option model.bind="null">Choose...</option>
<option repeat.for="product of products"
Oops, something went wrong.

0 comments on commit bfbb06a

Please sign in to comment.