くわこのpermission denied.

WEBエンジニアの僕がぶつかった技術的な問題や発見

KnockoutJS

KnockoutJSでMessage: Unknown template type: [object HTMLCollection]

タイトル通り、KnockoutJSでMessage: Unknown template type: [object HTMLCollection]というエラーが出て、検索しても出なかったけど、初歩ミスだったのでメモがてらシェア。 路線の会社リストをforeachで出す的なhtml。 <ul data-bind="template: {name: line_company_list_template, foreach: company_list}"> </ul> <script type="text/html" id="line_company_list_template"> <li> </li>

【KnockoutJS】Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

KnockoutJS使ってたら Uncaught TypeError: Cannot read property 'toLowerCase' of undefined って出てなんぞ( ´_ゝ`) ってなって解決した。 <div data-bind="foreach: people"> <p data-bind="text: name, click: clickName"></p> </div> という感じで記述していたのですが、js側で実装しているclickName関数は一つ上のコンテキストなので$parent.…

【KnockoutJS】Uncaught ReferenceError: Unable to process binding "template: function (){return {name:'hoge',foreach:hoge_list} }"

KnockoutJSでtemplate使ってたら、タイトル通り Uncaught ReferenceError: Unable to process binding "template: function (){return {name:'hoge',foreach:hoge_list} }" って出てなんぞ?( ´_ゝ`) ってなった。おまけに Message: Unable to process bin…

KnockoutJsでクリックで変数を渡す方法

knockout.jsのclickで任意の引数を渡す方法 が分からなくて、適当に click: clickButton('hoge') ってやっても取れないしどうなってんねん(ノ*'ω'*)ノ彡┻━┻って思ったらbind()を使うと良いらしい。 <button data-bind=“click: clickButton.bind($data, ‘hogs’, ‘page’)”>click</button> と書けば var viewModel = { this.clickButton = funct…

KnockoutJsの$root,$parent(s)とは?

Knockoutjsの$root(あるいは$parent(s))とは?knockout.jsのチュートリアル( learn.knockoutjs.com )やってて途中から急に$root(あるいは$parent(s))って変数が出てくるようになって、なんやねん( ´_ゝ`)と思ったので共有。View側 <table> <thead><tr> <th>Passenger name</th><th>Meal</th><th>Sur</th></tr></thead></table>…

Knockout.jsを業務で使う上での注意点などあれば教えてください。

DOM書くのが面倒だ! デザイナと色々棲み分けしたい!という要望で、今度自分のチームでKnockout.jsを使うことになったんですが、使用する上で感じたメリット・デメリットを感じた方が居たら教えていただければと思います─=≡Σ((( つ•̀ω•́)つ ちなみに僕はjs…