Question

如何使用AngularJS来延迟加载的内容在一个可折叠的面板

Answer 1

实际上从你可以直接从文档中复制然后粘贴，唯一的区别是采用了 ng-annotate ，以让我们的代码保持简洁，以及采用 babel 来使用一些 ECMAScript 2015 的魔法特性。如果你对 ES6 感兴趣，可以看看 这篇以前的帖子 。虽然这些东西都是非常棒的，但是它们都不是实现延迟加载所必需的东西。

　　// webpack.config.js
　　var config = {
　　entry: {
　　app: ['./src/core/bootstrap.js'],
　　},
　　output: {
　　path: __dirname + '/build/',
　　filename: 'bundle.js',
　　},
　　resolve: {
　　root: __dirname + '/src/',
　　},
　　module: {
　　noParse: [],
　　loaders: [
　　{ test: /\.js$/, exclude: /node_modules/,
　　loader: 'ng-annotate!babel' },
　　{ test: /\.html$/, loader: 'raw' },
　　]
　　}
　　};
　　module.exports = config;

Answer 2

　　没什么特别的，真的。实际上从你可以直接从文档中复制然后粘贴，唯一的区别是采用了 ng-annotate ，以让我们的代码保持简洁，以及采用 babel 来使用一些 ECMAScript 2015 的魔法特性。如果你对 ES6 感兴趣，可以看看 这篇以前的帖子 。虽然这些东西都是非常棒的，但是它们都不是实现延迟加载所必需的东西。

　　// webpack.config.js
　　var config = {
　　entry: {
　　app: ['./src/core/bootstrap.js'],
　　},
　　output: {
　　path: __dirname + '/build/',
　　filename: 'bundle.js',
　　},
　　resolve: {
　　root: __dirname + '/src/',
　　},
　　module: {
　　noParse: [],
　　loaders: [
　　{ test: /\.js$/, exclude: /node_modules/,
　　loader: 'ng-annotate!babel' },
　　{ test: /\.html$/, loader: 'raw' },
　　]
　　}
　　};
　　module.exports = config;