javascript - Odoo 10 with AngularJS -


i'm trying create web extension using angularjs, however, did following:

  • i created widget , rendered it.
  • i tried put ng-app , ng-controller on rendered divs, , result there no response @ all.

it seemed odoo support backbone.js marionnette.js. tried same react.js nothing worked.

this code.

resources.xml

<?xml version="1.0" encoding="utf-8"?> <odoo>  <data>     <!-- adds assets in odoo -->     <template id="assets_backend" name="static_resources_demo assets" inherit_id="web.assets_backend">         <xpath expr="." position="inside">             <script type="text/javascript" src="/odoo_angular/static/src/js/lib/angular.min.js"></script>             <script type="text/javascript" src="/odoo_angular/static/src/js/controller/firstctrl.js"></script>             <script type="text/javascript" src="/odoo_angular/static/src/js/angular_odoo.js"></script>         </xpath>     </template>  </data> </odoo>

angular_view.xml

 <?xml version="1.0" encoding="utf-8"?>  <templates id="angular_view_odoo">      <div t-name="angular_view_test" class="container">        <div class="row box">          <div ng-app="myapp" ng-controller="myctrl">              first name:             <input type="text" ng-model="firstname"/>             <br/>             last name:             <input type="text" ng-model="lastname"/>             <br/>             <br/>             full name: {{firstname + " " + lastname}}          </div>      </div>    </div> </templates>

angular_odoo.js

odoo.define('odoo_angular', function (require) { "use strict"; var ajax = require('web.ajax'); var widget = require('web.widget'); var core = require('web.core'); var model = require('web.model');  var qweb = core.qweb; var _t = core._t;  // here getting value in array.    var widget_name = widget.extend({        init: function (parent, context) {           var self = this;           this.context = context;           this._super(parent);        },        start: function () {           var self = this;            this._super();           this.$el.empty().append(qweb.render("angular_view_test",{}));       },    });     core.action_registry.add('angular_view', widget_name);    return widget_name;  });

firstctrl.js

  var app = angular.module('myapp', []);     app.controller('myctrl', function($scope) {      if($scope.firstname === 'test')         console.log('ok');   });

and result


Comments

Post a Comment

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

running parallel cpu processes in matlab starts command parpool() according documentation , function: [creates] special job on pool of workers, , [connects] matlab client parallel pool. this function takes bit of time execute, on order of 30 seconds. in other multi-cpu paradigms openmp, parallel execution seems totally transparent -- i've never noticed behavior analogous matlab (granted i'm not experienced parallel programming). so, happening between time parpool() called , when finishes executing? takes long? parallel computing toolbox enables run matlab code in parallel using several different paradigms (e.g. jobs , tasks, parfor , spmd , parfeval , batch processing), , run either locally (parallelised across cores in local machine) or remotely (parallelised across machines in cluster - either 1 own, or 1 in cloud). in of these cases, code run on matlab workers , copies of matlab without interactive desktop. if you're intending run on remo...
Read more

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

php - Cannot override Laravel Spark authentication with own implementation -

during login process of laravel spark need request token of remote api. api stores exact same users , passwords laravel spark application. therefore need username , non hashed password of user during authentication process. i thought overriding authenticated method solution problem. in routes/web.php override post /login endpoint , pointing endpoint own logincontroller: <?php namespace app\http\controllers\auth; use illuminate\support\facades\log; use illuminate\http\request; use laravel\spark\http\controllers\auth\logincontroller sparklogincontroller; class logincontroller extends sparklogincontroller { /** * create new login controller instance. * * @return void */ public function __construct() { parent::__construct(); } /** * handle successful authentication attempt. * * @param request $request * @param \illuminate\contracts\auth\authenticatable $user * @return response */ public fu...
Read more