私はこれをかなり数時間見てきましたが、解決策を見ることができないと思います。
これは私のrouter.jsです：
define('router', ['jquery', 'config', 'nav','store'], function ($, config, nav, store) {
var
concepTouch = Sammy('body', function () {
// This says to sammy to use the title plugin
this.use(Sammy.Title);
this.use(Sammy.Mustache);
// Sets the global title prefix
this.setTitle(config.title.prefix);
// So I can access sammy inside private methods
var sammy = this;
function establishRoutes() {
// Defines the main container for content then
var mainConainer = $(config.mainContentContainerId);
// Adds animation loading class to the main container
mainConainer.addClass(config.loadingAnimationCssClass);
// iterates through routes defined in config class then
_.forEach(config.appRoutes, function(obj, key) {
// defines each one as a route
sammy.get(obj.hashV, function(context) {
// Store the requested route as the last viewed route
store.save(config.stateKeys.lastView, context.path);
// Fetches its html template
context.render(obj.tmpltURL, { 'routeData': context.params })
// Appends that htmlo template to the main container and removes loading animation
.then(function(content) {
mainConainer.removeClass(config.loadingAnimationCssClass).html(content);
});
// Finally adds the route title to the prefix
this.title(obj.title);
});
// Overriding sammy's 404
sammy.notFound = function () {
// toast an error about the missing command
toastr.error(sammy.getLocation() + ' Does not exist yet!');
// Go to last visited anf if not
sammy.setLocation(
store.fetch(config.stateKeys.lastView) || config.getDefaultRoute()
);
};
});
}
// Calls for routes to be established
establishRoutes();
}),
// runs concep touch as a sammy App with the initial view of default route
init = function () {
// Try to get today's last visit and if not available then fallback on default
concepTouch.run(store.fetch(config.stateKeys.lastView) || config.getDefaultRoute());
// Make the correct nav item active and add Click handlers for navigation menu
nav.setStartupActiveClass(store.fetch(config.stateKeys.lastView) || sammy.getLocation())
.addActiveClassEventHandlers();
};
return {
init: init,
concepTouch: concepTouch
};
});
これは、検索フォームを送信すると、次のテンプレートを取得します。
<div id="contacts" class="view animated fadeInLeft">
<h3>Search results for {{routeData}}</h3>
<ul data-bind="template: { name: 'searchresults-template', foreach: searchResults }"></ul>
</div>
<script type="text/html" id="searchresults-template">
<li data-bind="text: type"></li>
</script>
<script>
require(['searchresults'], function (searchresults) {
searchresults.get(to Some how Get routeData.term);
});
</script>
そして、Mustacheがrouter.jsのこの行からテンプレート内にデータを渡すようにする正しい方法を見つけることができませcontext.render(obj.tmpltURL, { 'routeData': context.params })ん{{routeData.term}}。
{{routeData}} on its own returns `SAMMY.OBJECT: {"TERM": MY SEARCH TERM}`
を使用して、目的のプロパティに移動できません。表記。さらに、それがうまくいったとしても、それをJavascriptに渡すことはできません。これは、私が本当に必要としているものです。
searchresults.init(); is waiting for this paramter `searchresults.init(routeData.term);`
または、おそらく答えは、ここでサミーのコンテキストにアクセスする方法を見つけることですか？パラメータを取得するためにサミーの外？のようなものですSammy.Application.context.params['term']が、もちろんアプリケーションにはそのような方法がないのでわかりません！？:(
私はそれについて完全に間違った方向に進んでいますか？クエリ文字列パラメータをテンプレート内のアクセス可能なオブジェクトとして簡単に渡して、ノックアウトで使用できるようにするにはどうすればよいですか。
あなたの助けは大歓迎です。