RequireJs с нокаутом

Я попытался использовать Knockout с требованием js, но я не смог связать данные с viewmodel.RequireJs с нокаутом

HTML

<!doctype html> 
<html lang="en"> 
<head> 
    <title>SPA</title> 
    <!-- Load the script "js/main.js" as our entry point --> 
    <script data-main="js/app" src="js/lib/require.js"></script> 
</head> 
<body> 

Today's message is: <span data-bind="text: myMessage"></span> 

</body> 
</html>

app.js

requirejs.config({ 
    "baseUrl": "js/lib", 
    "paths": { 
     "app": "../app", 
     "jquery": "jquery", 
     "knockout-3.4.0":"knockout-3.4.0", 
     "custom":"../custom/custom-script", 
     "customKO":"../custom/custom-knockout" 

    } 
}); 
require(['knockout-3.4.0', 'customKO'], function(ko, appViewModel) { 
    ko.applyBindings(new appViewModel()); 
}); 
// Load the main app module to start the app 
requirejs(["app/main"]);

main.js

define(["jquery", "knockout-3.4.0", "jquery.alpha", "jquery.beta" , "custom" , "customKO"], function($ , ko) { 
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded. 
    $(function() { 
     $('body').alpha().beta(); 

    }); 

});

custon-knockout.js

//Main viewmodel class 
define(['knockout-3.4.0'], function(ko) { 
    return function appViewModel() { 
     var viewModel = { 
     myMessage: ko.observable() // Initially blank 
    }; 
    viewModel.myMessage("Hello, world!"); // Text appears 
    }; 
});

, но я получаю ошибку ниже

Uncaught ReferenceError: Невозможно обработать переплета "текст: функция() {возвращение MyMessage}" сообщение: MyMessage не определено

источник

2016-08-22 Balaganapathy NT

Вы вызываете appViewModel в качестве конструктора (используя new), но создаете локальную переменную viewModel внутри нее , вместо добавления членов в this, например this.myMessage = ko.observable();.

источник

2016-08-22 12:48:10

Вы Арент продуцирующие класс, который можно построить и вернуть свойства

define(['knockout-3.4.0'], function(ko) { 
    return function appViewModel() { 
     var self = this; 
     self.myMessage: ko.observable() // Initially blank 
     self.myMessage("Hello, world!"); // Text appears 
     }; 
    }; 
});

источник

2016-08-22 14:32:23 QBM5

RequireJs с нокаутом

ответ

Смежные вопросы