@Nicolas Thanks a lot. It works nicely

Here is the angular app main file with routes, I only include the two first one

"use strict";
 var fbapp = angular.module("francoBowlApp", 
 ["ngRoute", 
 "angularFileUpload", 
 "ngDragDrop",
 "ui.bootstrap",
 "angularUtils.directives.dirPagination",
 "services"]);

// get global variable
fbapp.run(["$rootScope", function($rootScope) {        
    $rootScope.fb_webservice = document.getElementById("fbws").textContent;}]);

// configure routes
fbapp.config(["$routeProvider'","$httpProvider",
    function($routeProvider, $httpProvider) {
       var rootFolder = "templates/angular",
       token = document.getElementById("token").textContent;

      $routeProvider
       // route de la page index
      .when("/", {
            templateUrl : rootFolder+"/index.tpl",
            controller  : "fbCtrl"
       })
      // route de la page mon franco bowl
     .when('/monfranco', {
           templateUrl : rootFolder+"/francobowl/index.tpl",
          controller : "fbMonFrancoIndexCtrl"
      });
     // include bearer token in each web service call
     $httpProvider.defaults.headers.common.Authorization = "Bearer"+ token;
}]);

Then the main template

<div class="row" 
    ng-app="francoBowlApp" 
    ng-controller="fbCtrl">
    <span hidden="hidden" id="token">{token}</span>
    <span hidden="hidden" id="fbws">{fbws}</span>
    <span hidden="hidden" id="username">{username}</span>

    <div class="col-sm-2">
        <div class="sidebar-nav">
            <div class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <span class="visible-xs navbar-brand">Site menu</span>
                </div>
                <div class="navbar-collapse collapse sidebar-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <!-- IF uid -->
                        <li><a href="#/monfranco">Mon Franco Bowl</a></li>
                        <!-- ELSE -->
                        <li><a href="#">Accueil</a></li>
                        <!-- ENDIF uid -->
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Administrer <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#/admin/competition">Compétitions</a></li>
                                <li><a href="#/admin/mot_clef">Mots clefs</a></li>
                                <li><a href="#/admin/image">Images</a></li>
                                <li><a href="#/admin/jeu">Jeux</a></li>
                            </ul>
                        </li>
                        <li><a href="#/equipe">Equipes</a></li>
                    </ul>
                </div><!--/.nav-collapse -->
          </div>
        </div>
    </div>

    <div class="col-sm-10 col-xs-12">
        <div ng-view>         
        </div>
    </div>
</div>

And my library.js

"use strict";

var plugin = {},
    user = module.parent.require('./user'),
    async = module.parent.require('async'),
    meta = module.parent.require('./meta'),
    http = require('http'),
    jwt = require('jsonwebtoken');

function renderAdminPage(req, res, next) {
    res.render('admin/plugins/francobowl', {});
}

function renderCustomPage(req, res, next) {
    var jwt = require('jsonwebtoken'),
        err,
        userInfo = {},
        url = req.body.url,
        config;

    // recuperer les informations sur l utilisateur
    async.parallel({
        // definition des données utilisateur
        userData : function(next) {
            if (req.user && req.user.uid) {
                // si l utilisateur est authentifie appel a la base de donnees
                user.getUserData(req.user.uid, next);
            } else {
                // si l utilisateur n est pas authentifie definir comme anonyme
                next(err, {uid : 0, username : 'anonymous'});
            }  
        },
        // verifier si l utilisateur est un administrateur
        isAdministrator : function(next) {
            if (req.user && req.user.uid) {
                // si l utilisateur est authentifieappel a la base de donnees
                user.isAdministrator(req.user.uid, next);
            } else {
                // si l utilisateur n est pas authentifie definir comme 
                // non administrateur
                next(err, false);
            }  
        },
        // recuperer les donnees de configuration du franco bowl
        config : function(next) {
            meta.settings.get('francobowl', function(err, settings){
                if (err) {
                    next(err);
                }
                config = settings;
                next();
            });
        }
    }, function(err, data) {
        // en cas d erreur redirection vers la page d erreur
        if(err) {
            return res.redirect(url + '?error=' + err.message);
        };

        // definir les donnees de l utilisateur en fonction des donnees gerees
        userInfo =  {
            uid : data.userData.uid,
            username : data.userData.username,
            admin : data.isAdministrator
        };

        // creer le token pour les appels aux webservice
        userInfo.token = jwt.sign(userInfo, config.secret_key, {
            expiresInMinutes: 60 * 5
        });

        // charger l url des webservices francobowl
        userInfo.fbws = 'http://' + config.fb_ws + config.fb_root;

        // charger la page
        res.render('francobowl-page', userInfo);
    });
}

plugin.addNavigation = function(header, callback) {
    // ajouter le lien dans le menu de navigation principal
    header.navigation.push({
        class: '',
        route: '/francobowl',
        iconClass: 'fa fa-fw fa-shield',
        title: 'FrancoBowl',
        text: 'Franco Bowl'
    });
    callback(null, header);
};

plugin.addAdminNavigation = function(custom_header, callback) {
    // ajouter le lien dans le menu de navigation de la page d admin
    custom_header.plugins.push({
            route: '/plugins/francobowl',
            icon: 'fa-file-archive-o',
            name: 'Franco Bowl'
        });

    callback(null, custom_header);
};

plugin.init = function(params, callback) {
    // ajouter les routes
    var app = params.router,
        middleware = params.middleware;

    app.get('/FrancoBowl', middleware.buildHeader, renderCustomPage);
    app.get('/templates/FrancoBowl.tpl', renderCustomPage);
    app.get('/api/FrancoBowl', renderCustomPage);

    app.get('/admin/plugins/francobowl', middleware.admin.buildHeader, renderAdminPage);
    app.get('/api/admin/plugins/francobowl', renderAdminPage);

    callback();
};

// creer le coach dans la base du francobowl
plugin.userData = function(newUser) {

    // recuperer les donnees d acces au web service du francobowl
    meta.settings.get('francobowl', function(err, settings){
        if (err) {
            next(err);
        }
        // recuperer les donnees de l adminitsrateur
        user.getUserData(1, function(err, user){
            if (err) {
                next(err);
            }
            // definir les donnees à transferer
            var data = JSON.stringify({uid: newUser.uid}),
                // donnees administrateur pour le JWT
                userInfo =  {
                    uid : user.uid,
                    username : user.username,
                    admin : true
                },
                // les donnees pour la requête
                options = {
                    host: settings.fb_ws,
                    path: settings.fb_root + '/coach',
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Content-Length': data.length,
                        'Authorization': 'Bearer ' + jwt.sign(userInfo, settings.secret_key, {
                                    expiresInMinutes: 60 * 5
                        })
                    }
                },
                // definir la requete post
                req = http.request(options, function(res) {
                    var msg = '';
                    res.on('data', function(chunk){
                        msg += chunk;
                    });
                    res.on('end', function(){
                        if (res.statusCode !== 200) {
                            console.log('Error : ' + res.msg);
                        }
                    });
                });
            // lancer la requete post
            req.write(data);
            req.end();            
        });
    });
};

module.exports = plugin;

Hope you can help and let me know if you want something else.
Thanks in advance

hello,
here you will find the code https://github.com/ricoud/nodebb-plugin-angtest
Thanks in advance

@psychobunny did you have time to test the plugin?
Thanks

@tkiblin Does your environment include imgur plugin?

Does it work with nodebb 1.0.0 ?

@Nicolas Thanks a lot. It works nicely

Thanks! Do you plan to add management UI.
This will be great! I plan to reward season's champion, so I really need to remove the reward time to time.

Hello, is it possible how to remove a reward to a user ?

I'm using composer-redactor plugin, when including emoji they are quite large?
Any idea how to have solve this issue? Thanks

Ok I tried to use filter:scripts.get hook to load angularjs same thing
Then I include angularjs inside the scripts object of the js.js file find in src/meta directory, same behaviour.
Can someone help to resolve this issue as I really want to include my site as a nodebb plugin.
Thanks in advance

Same behaviour with 0.8.0

Same with 0.7.1
Additional info when calling directly the page (typing the address) everything works. It seems that angular isn't loaded when calling the page through menu.

@psychobunny did you have time to test the plugin?
Thanks