anglejsを持つ単一ページアプリケーションにintuit ipp：loginボタンを追加

Question

私は角度を使って単一のページアプリケーションで作業していますが、そのアプリケーションをquick-booksと統合したいと思います。アプリケーションのログインページにintuit login buttonを追加しようとしていますが、レンダリングしていません。私はそれを通してボタンをレンダリングする指示を作成しようとしましたが、それは動作しません。そのために何か回避策がありますか？

Answer 1

私は角SPAに "QBO"ボタンを内蔵しています。私はこのコードを見つけようとしますが、一般的には（あなたのサイトのURLを置き換えることを忘れないでください）： ：

.directive('connectToQuickbooks', function($window){ 
    return { 
    restrict: 'E', 
    template: "<ipp:connectToIntuit></ipp:connectToIntuit>", 
    link: function(scope) { 
     var intuitScriptLoaded = function(){ 
     return $window.intuit 
      && $window.intuit.ipp 
      && $window.intuit.ipp.anywhere 
      && $window.intuit.ipp.anywhere.setup; 
     }; 

     if (intuitScriptLoaded()) { 
     $window.intuit.ipp.anywhere.init(); 
     } else { 
     var script = $window.document.createElement("script"); 
     script.type = "text/javascript"; 
     script.src = "//js.appcenter.intuit.com/Content/IA/intuit.ipp.anywhere.js"; 
     $window.document.body.appendChild(script); 
     } 

     scope.$watch(
     intuitScriptLoaded, 
     function(newValue, oldValue) { 
      if(intuitScriptLoaded()) { 
      $window.intuit.ipp.anywhere.setup({ 
       grantUrl: '/' 
      }); 
      } 
     } 
    ); 
    } 
    } 
});