Hi experts,

I have an application contains multiple visualforce pages. Now I am converting the application in to a single page application(SPA) using angular js, can I use the pages display in the 'ng-view'? currrently I have some issues with rendering the visualforce pages in ng-view. Or do I need to convert the pages in to components or something else. I got some demo applications, but unfortunately every demos dealing with the native html pages. I am in a great confusion. anybody have any experience with SPA in visualforce pages?

Thanks in advance

Hi ,

I am new to Angular JS. I wrote the below code. Seems its not working. Can anyone tell where the mistake has happened.

<apex:page applyhtmltag="false" showheader="false">
   <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"/> 
  <div ng-app="app">
    <div>
         Name:<input ng-model="name" type="text"/>
         Hello {{name}}
    </div>
  </div>
</apex:page>

Regards

script type="text/javascript">

var MyApp = angular.module('MyApp', ['ngForce','ui','ui.bootstrap']);

MyApp.controller('RatingCntrl', function ($scope,vfr,$dialog) {
 
  $scope.GroupTitle= "Channel Affinity";
  $scope.GroupId= "1";
 
  var pOppQuery = vfr.query("SELECT Id, Name, Account.Name, LeadSource, Probability, CloseDate, StageName, Amount FROM Opportunity ORDER BY CloseDate DESC");
    pOppQuery.then(function(d) {
        $scope.opportunities = d.records;
        if(!$scope.$$phase) {
            $scope.$digest();
        }
    });
 
});
 
</script>

Above is the script, please point out mistakes i've made.

 

Hi, needed some assistance with removing salesforce footer information from a visualforce page

 

this is what I have written so far:

 

<apex:page standardController="Contact">
    
            <apex:outputField value="{!Contact.name}"/> <br/> <br/>
            <apex:outputField value="{!Contact.Title}"/> <br/> <br/>
            <apex:outputtext value="{!Contact.Account.Name}"/> <br/>
            <apex:outputField value="{!Contact.MailingCity}"/> <br/>
            <apex:outputField value="{!Contact.MailingState}"/> <br/>
            <apex:outputField value="{!Contact.MailingCountry}"/> <br/>
            <apex:outputField value="{!Contact.MailingPostalCode}"/> <br/>
            <apex:outputField value="{!Contact.Fax}"/> <br/>
      
</apex:page>

 

When I select the button that uses the code above, I get the following at the bottom of the page: